Problem im IE mit absolut positionierten Element bei top:0

[hass]

Hallo Dirk

leider versteh ich das Problem nicht wirklich. Ich würde dir gern einen Zugang zu einem Testsystem geben damit Du dir das mal anschauen kannst... das Problem ist, dass ein DIV absolut bei TOP:0 positioniert wird und dann ein margin-top:20px auf dieses Element gesetzt wird, was im FF den content im Body nach unten moved. im IE moved das DIV um 20 pixel nach unten... tritt leider nur in YAML auf...


Gruss
Alex

[hass]

Uuuuppps... und es tritt nur mit der neueren BETA 3 auf... in 3.0.6 ist es richtig. Blöde... da kann ich dir keine Testseite geben...

[hass]

Ok, grad eins mit den Beispielen gestrickt. Bitte die zwei angehängten Dateien in den Ordner "examples\01_layouts_basics" kopieren.

[hass]

Warum kann man hier nurnoch eine Datei anhängen? Naja - hier der HTML Code

[hass]

Die Screenshots davon sind hier

http://drupal.org/files/issues/admin...on_top_IE7.png
http://drupal.org/files/issues/admin...on_top_FF3.png

[img width=640 height=36]http://drupal.org/files/issues/admin_menu_not_sticky_on_top_IE7.png[/img]

[img width=640 height=32]http://drupal.org/files/issues/admin_menu_not_sticky_on_top_FF3.png[/img]

[hass]

Dirk?

[djesse]

Dirk?

Sorry, bin soeben erst von einem 3-tägigen Magen/Darm-Infekt wieder zurück bei den Lebenden.

DIrk

[djesse]

Hallo Alexander,

ich habe mir das Beispiel gerade angesehen. Eigentlich sollte dein "Problem" mit so ziemlich jeder YAML-Version seit Veröffentlichung des IE7 auftreten, denn der "Auslöser" für den Versatz ist die Regel body {position:relative} aus der iehacks.css. Diese ist jedoch essentiell notwendig, damit der IE7 korrekt zoomt.

Was Du da gebaut hast, ist zudem nicht ganz sauber. Das Menü gehört nicht zum Layout und es soll absolut zu BODY positioniert werden. Warum steckt es dann innerhalb von .page_margins? Nimm es da raus.

Margins sind aufgrund des extrem komplexen Margin-Collapsing etwas, was man nicht immer auf den ersten Blick versteht. Durch die relative Positionierung ändert sich das Verhalten dann nochmal. Dein "Problem" lässt sich jedoch einfach umgehen, indem Du die Eigenschaft MARGIN durch PADDING ersetzt.

Alternativ kannst Du für Dein spezielles Menü folgendes tun:

body {position:static}
.page_margins {position:relative}

Dazu musst Du allerdings noch - wie oben bereits geschrieben - das Menü aus .page_margins herausnehmen. Dann gehts auch ohne irgendwelche Änderungen.

Beide Wege führen zum Ziel und in beiden Fällen sollte sich mit älteren YAML-Versionen kein anderes Bild ergeben. Und somit ist es auch kein YAML-Bug, sondern nur eine zu beachtende Info bei der Anwendung.

Gruß
Dirk

[djesse]

Nachtrag: Nochmal ein ausdrückliches Dankeschön für Deine umfangreichen Tests.

Viele Grüße
Dirk

[hass]

Ups, na denne bute Genesung. In alten YAML Version funktioniert alles richtig...