✔ Breite bzw width stimmt im IE nicht

HoneyKiSs

HoneyKiSs

Mitglied
Huhu zusammen :)
Also ich weiß keine Möglichkeit mehr und sitze immer noch am PC und komme ned voran.

Der dunkle Menübalken unter der Grafik passt im Firefox und im Googel Chrome genau überein. Aber im Internet Explorer nicht :( Das ist dieser Balken viel zu kurz. Warum ist das denn nur so? Wie kann ich machen das es nicht so ist, bzw alles gleich breit ist. Habe es mit width gemacht. Siehe Link http://www.delicat-art.de/indexUPDATE.htm

Also könnt ma gucken das ist bei mir nicht gleich breit :( Hab schin IE Update gemacht geht trotzdem ned. Hier noch meine Codes.

HTML: 
<body>
<div id="main">
<div id="head"><br>
</div>
<div id="menuoben">
Zeichnungen - Digital Art - Design - Skizze - Kontakt
</div>

<div id="inhalt">A</div>

<div id="foot">2007-2009 &copy; Delicat Art</div>
</div>
</body>

Code: 
body {
margin:0px;
}

#main {
width:750px;
margin-left:125px;
border:solid 1px #000000;
}

#head {
background-image:url(images/header01.jpg);
background-color:#339900;
width:750px;
height:302px;
margin-top:0px;
}

#menuoben {
width:740px;
background-color:#333333;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#CCCCCC;
text-align:center;
margin:0px;
padding:5px;
}

#inhalt {
width:750px;
}

#foot {
width:750px;
}

Hoffe könnt mir helfen bitte. Danke NAchti.
 
Bau mal testweise das ein und sag, was angezeigt wird:

Code: 
<script type="text/javascript">
alert(document.compatMode);
</script>
Alternativ dazu, wenn die Seite geladen ist, javascript:alert(document.compatMode); in das Adressfeld reinpacken.

backCompat -> Quirksmode
CSS1Compat -> Standardsmode
http://de.wikipedia.org/wiki/Quirks-Modus

mfg chmee
 
Moin,

chmees Wink mit dem Darstellungsmodus zielt darauf ab, dass im "Quirksmode" (backCompat) die IE-Familie (6 - 8) das "Box-Modell" für #menuoben (740px + 2*5px = 750px) nicht interpretiert.

Wandel daher deine gewählte Dokumenttyp-Deklaration zumindest in die Variante "HTML 4.01 Transitional" um, und ergänze sie mit ihrer dazugehörigen Dokumenttyp-Definition (DTD), damit das Dokument den Browsern im standardkonformen Modus (CSS1Compat) übergeben wird:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

Und noch etwas Fach-Lektüre zum Thema:

mfg Maik
 
Maik hat gesagt.:
Moin,

chmees Wink mit dem Darstellungsmodus zielt darauf ab, dass im "Quirksmode" (backCompat) die IE-Familie (6 - 8) das "Box-Modell" für #menuoben (740px + 2*5px = 750px) nicht interpretiert.

Wandel daher deine gewählte Dokumenttyp-Deklaration zumindest in die Variante "HTML 4.01 Transitional" um, und ergänze sie mit ihrer dazugehörigen Dokumenttyp-Definition (DTD), damit das Dokument den Browsern im standardkonformen Modus (CSS1Compat) übergeben wird:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

Und noch etwas Fach-Lektüre zum Thema:

mfg Maik
Zum Vergrößern anklicken....

OH COOOOOL :-) DANKE das hat funktioniert. Ich wusste gar nicht das es an dem Doctype liegt. Das es das dann so anders darstellt. TOLL. Ich freu mich so. DANKE :)

Tschüssi
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück