Hm, da ich seit kurzem für Navigationen / Menüs auch auf die schönen Listen umgestiegen bin fang ich jetzt mit diesem ollen Pixel Bug der im IE auftritt an zu kämpfen.
Würde mich freuen, wenn sich jemand mal meine Testseite ( http://tests.daoc-ds.de/forum-hilfe/topic/10481/ ) anschauen kann und mir einen Tipp gibt, wie ich diese im IE so angezeigt bekomme wie im Mozilla.
Gruß,
Modi
Was mir so auffällt:
1) li { ... display: block;
2) li { ... vertical-align: middle;
3) .navigation { ... height: auto;
4) <div class="navigation"><ul> ...
zu
1): li-Elemente sind doch Block-Elemente, also sie verursachen einen eigenen Zeilenumbruch | Tip: weglassen
2) da du keine Höhe für das li angegeben hast, steht der Inhalt sowieso immer mittig | Tip: weglassen
3) macht keinen Sinn | Tip: weglassen
4) es würde reichen wenn du <ul class="navigation"> ... angibst
Aber du siehst schon, dass ich dir hier nicht wirklich weiterhelfen kann. Ich vermute jedoch, dass der IE hier eine Art Mindesthöhe für li verwendet. Evtl. solltest du mal mit dem Attribut height bei den li ein wenig rum experimentieren.
Möglichweise kann das helfen...
Selbst bei SELFHTML gibts keine Lösung dazu...
http://de.selfhtml.org/css/layouts/mehrspaltige.htm
konnte nur mit einem Trick immerhin die Abstände in der Navi "vernichten"...
*weitersuchen*
Edit:
Naja, gibt man noch die Breite für den "contentbereich" an kann man den 3 Pixelfehler beseitigen, verkleinert man aber nun das Fenster soweit, das man scrollen müsste springt der content unter die navi (schick....)....
Was mir nun noch einfällt, wäre eine dynamische änderung des width Attributes... wäre sowas mit Javascript möglich, bzw. kann ich mit Javascript mein
ändern?
