Ergebnis 1 bis 4 von 4

Thema: Problem mit Website im IE7, in Opera & Firefox okay

  1. #1
    HTML Newbie
    Registriert seit
    12.03.2008
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Problem mit Website im IE7, in Opera & Firefox okay

    Hallo!

    Ich habe folgendes Problem, schaut euch das am besten mal kurz an:
    http://undercover.pytalhost.com/beispiel.html

    Wenn ich die Seite im Internet Explorer 7 schmäler mache (Breite des Browser-Fensters verringere), dann hüpft der Text im Inhaltsbereich von der Höhe her unter das Navigationsmenü. In Opera und in Firefox tritt dieser Effekt nicht auf.

    Ich habe keine Idee, woran das liegen könnte. Ich fange gerade erst an, mich mit HTML und CSS zu befassen und herumzuprobieren.

    Hier ist die zugehörige HTML-Datei:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
            "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html xmlns="http&#58;//www.w3.org/1999/xhtml" xml&#58;lang="de" lang="de">
    
    <head>
      <title>Beispiel-Website</title>
      <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    
    <link rel="stylesheet" href="style.css" type="text/css" />
    </head>
    
    <body>
    <div class="title">
    [img]header.png[/img]
    </div>
    <div class="menu">
    <ul class="menu">[*]Startseite[*]Praxisteam[*]Praxisräume[*]Sprechzeiten/Kontakt[*]So finden Sie uns[*]Leistungen[*]Informationen[*]Impressum[/list]</div>
    
    <div class="content">
    
    
    
    Dieser Text springt unter das Navigationsmenü, wenn das Browserfenster im Internet Explorer 7 schmal genug gemacht wird.
    </p>
    </div>
    </body>
    </html>
    Und hier die CSS-Datei:
    Code:
    body &#123;
    font-family&#58; Verdana, sans-serif;
    background-color&#58; #FFFFFF;
    &#125;
    img.title &#123;
    margin-left&#58; 40px;
    &#125;
    div.title &#123;
    padding-right&#58; 200px;
    border-bottom&#58; 2px solid #006400;
    margin-bottom&#58; 10px;
    background-image&#58; url&#40;farbverlauf.gif&#41;;
    background-repeat&#58; repeat-x;
    &#125;
    div.menu &#123;
    float&#58; left;
    background-image&#58; url&#40;farbverlauf2.gif&#41;;
    background-repeat&#58; repeat-y;
    width&#58; 180px;
    margin-right&#58; 0;
    padding-right&#58; 0;
    &#125;
    ul.menu &#123;
    list-style-type&#58; none;
    font-style&#58; Arial;
    font-weight&#58; bold;
    font-size&#58; 80%;
    color&#58; #00330A;
    line-height&#58; 200%;
    text-align&#58; left;
    margin-left&#58; 0;
    margin-right&#58; 10px;
    padding-left&#58; 10px;
    padding-right&#58; 10px;
    padding-bottom&#58; 20px;
    &#125;
    div.content &#123;
    font-size&#58; smaller;
    margin-top&#58; 0;
    margin-left&#58; 200px;
    width&#58; 80%;
    &#125;
    h1, h2 &#123;
    font-family&#58; sans-serif;
    &#125;
    a&#58;link &#123;
    color&#58; #00330A;
    text-decoration&#58; none;
    &#125;
    a&#58;hover &#123;
    color&#58; green;
    text-decoration&#58; underline;
    &#125;
    a&#58;active &#123;
    color&#58; red;
    text-decoration&#58; none;
    &#125;
    a&#58;visited &#123;
    color&#58; #00330A;
    text-decoration&#58; underline;
    &#125;
    table td &#123;
    font-size&#58; smaller;
    &#125;
    Wäre riesig, wenn ihr mal kurz drüber gucken könntet, vielleicht entdeckt ihr die Ursache des Problems.

    Herzlichen Dank!

    Sebastian
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    HTML Newbie
    Themenstarter

    Registriert seit
    12.03.2008
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Nach langem Kopfzerbrechen hab ich die Ursache gefunden:
    Es liegt an meinem flüssigen Layout, ich habe die Breite des div.content Containers auf 80% gesetzt. Anscheinend fühlt sich der IE7 durch die Navigationsleiste bedrängt, wenn man das Browserfenster verschmälert und dadurch lässt er den Container nach unten rutschen.
    Ich habe das Problem jetzt so gelöst:
    Anstelle von "width: 80%" nehme ich jetzt "max-width: 700px".
    Wisst ihr, ob es mit dem max-width Befehl mit anderen Browsern Probleme gibt?

    Freundliche Grüße

    Sebastian

  3. #3
    Gast

    Standard

    max-width kennt der IE erst ab version 7 aber eigentlich alle anderen relevanten browser verstehen diese angabe ohne probleme

  4. #4
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Für den ie < 7 gibt es einen javascript-hack

    Gruß,
    Jojo

Ähnliche Themen

  1. Website Opera/Firefox tauglich machen!!!
    Von Maggi im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 4
    Letzter Beitrag: 01.04.2007, 07:24
  2. Scrollbare DIV im Firefox und Opera
    Von Glowbus im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 06.10.2006, 13:04
  3. IE-Firefox-Opera
    Von L.L. im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 25.03.2006, 19:18
  4. Problem mit Pixelangabe IE/Opera <> Firefox
    Von silentium im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 25.02.2006, 15:27
  5. ?CSS/html? Problem, Firefox _:/:_ Opera
    Von :.:UltraVa Flyin:.: im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 22.01.2006, 21:35

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •