Homepage selbermachen 7.851 Themen, 35.615 Beiträge

Verfolgung starten Optionen

Probleme mit Layout unter IE: Header nach rechts verschoben

finne / 4 Antworten / Baumansicht Nickles

Hallo Nickles-Gemeinde,

ich habe ein Problem mit dem Layout einer Website unter dem Internet Exlorer.

http://www.dynamo77.com/test/

Der Header wird im IE (habe es unter Version 7 getest, ältere habe ich nicht getestet) nach rechts verschoben. In Firefox, Opera, Safari, Camino ... ist alles okay.

Die W3C-Validation zeigt auch keine Fehler auf (XHTML sowie CSS). Hier schient alles zu stimmen.

Ich denke, es könnte mit dem Tag "position" zu tun haben(ist direkt in die HTML-Datei geschrieben, nicht in den Sytlesheet). Der IE scheint hier Probleme zu haben.

Den Stylesheet der Seite findet ihr hier:

http://www.dynamo77.com/test/style/style.css

Wäre super, wenn jemand eine Idee, wie das Ganze im IE zu lösen ist. Wahrscheinlich mit einem Browser-Hack im Stelysheet, leider weiß ich aber nicht wie. Auf Self-Html konnte ich bisher nichts finden.

Besten Dank im Voraus.

bei Antwort benachrichtigen
asterix5 finne „Probleme mit Layout unter IE: Header nach rechts verschoben“
Optionen
div style="position:absolute; z-index:1;

Da fehlt jedenfalls die Pflichtangabe, **wo** absolut positioniert werden soll: von links?, von oben?, von rechts?, von unten? innerhalb des Elternelements div id="header".

Siehe http://www.css4you.de/position.html

Stell' das erst mal richtig, dann sehen wir weiter ;-)
\"Als ich nach Deutschland kam, sprach ich nur Englisch - aber weil die deutsche Sprache inzwischen so viele englische Wörter hat, spreche ich jetzt fließend Deutsch!\" (Rudi Carrell)
bei Antwort benachrichtigen
finne asterix5 „ Da fehlt jedenfalls die Pflichtangabe, wo absolut positioniert werden soll: von...“
Optionen

Das Problem bei diesen Angaben ist: füge ich sie hinzu, so wird der Header nicht mehr mittig angezeigt, sondern natürlich exakt nach den Abstanden, die eingegeben sind. Das macht hier aber keinen Sinn, da die Browserfenstergrößen bei jedem Benutzer unterschiedlich sind.

bei Antwort benachrichtigen
Rheinlaender finne „Probleme mit Layout unter IE: Header nach rechts verschoben“
Optionen

Ja, das liegt ganz alleine am IE und nicht an Deinem Code, auch nicht an der position-Angabe. Das Boxmodell wird vom IE nicht standardkonform interpretiert. Guck mal da:

http://www.css4you.de/wsboxmodell/index.html#browser

Gruß
Rheinlaender

bei Antwort benachrichtigen
finne Nachtrag zu: „Probleme mit Layout unter IE: Header nach rechts verschoben“
Optionen

Ich habe jetzt folgendes probiert. Im Stylesheet "text-align:center" druch "text-align:left" für den div-Bereich des Headers ersetzt. Jetzt stellt der IE 7 es auch korrekt dar.

div#header{
text-align:left;
width:808px;
height:303px;
}


bei Antwort benachrichtigen