Verschiebung VOR Hover, danach korrekt (IE Bug?)
Ich teste gerade einen Layout-Aufbau mit negativ-Margins und Any Order Columns. In den "guten" Browsern passt alles, aber im IE kommt es zu einer Verschiebung. Ich hab mal alles aus der Seite rausgeschmissen, das unnötig ist:
http://www.ena-webstudio.com/temp/beispiel/ http://www.ena-webstudio.com/temp/be.../css/style.css http://www.ena-webstudio.com/temp/be...css/ieonly.css Ich hab im IE die linke Navigation schwarz eingefärbt, damit sichtbar ist was damit geschieht. Wenn man die Seite mit dem IE 6 lädt, ist die Navi nach links über den Rand hinaus verschoben. Hovert man dann über einen X-beliebigen Link auf der Seite, positioniert sich die Navi dann aber plötzlich korrekt. Die umgekehrte Variante kenne ich ja von IE-Bugs, aber so wie in diesem Beispiel habe ich es noch nicht gesehen. Weiß jemand wo das Problem liegt und wie ich es lösen kann? Hab ich vielleicht beim Einbau von AOC / negative margins nen Denkfehler gemacht? PS: Falls es jemanden interessiert, wie das mit "Any Order Column" oder "Negative Margins" geht, hierzu die Links: http://www.positioniseverything.net/...ayout/anyorder http://www.alistapart.com/articles/negativemargins/ |
Wenn ich im IE dem #container eine Breite von 100% gebe, taucht das Problem nicht auf. Sobald ich den Container aber enger mache (durch Min-Width Expressions oder durch z.B. width:95%) ist der Bug da.
*grübel* |
Was sofort auffällt: Du setzt das Prinzip aus dem "Holy Grail"-Artikel ein, aber nicht korrekt. Der zentrale Teil - padding-left/right für #container - fehlt bei Dir. Schau Dir den Artikel mal und wende das Prinzip auf Deinen Entwurf an (Du bist nicht weit davon entfernt).
Unabhängig davon könnte man Dein CSS stark rationalisieren bzw. verschlanken; nur als Beispiel: Code:
body, p, td, th, a, ul, li, dt, dd, h1, h2, h3, h4, h5, h6, blockquote { Code:
* { |
Danke für den Link, den kannte ich gar nicht. :)
Aufräumen im CSS kommt zum Schluss, aber du hast natürlich recht :) |
Zitat:
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 01:29 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023