Axel Richter: Listen element

Beitrag lesen

Hallo,

PS: Ich kann auch keine Unterschiede im Verhalten von IE und FF sehen.
In der Navigation meiner Homepage sehe ich genau den eben beschriebenen Effekt.

Wie breit sind Deine A-Elemente in den LI-Elementen?

Ja, sie sollten, weil "display:block;", so breit sein, wie die LI-Elemente. Der IE rendert das aber anders, wenn Elemente mit "Layout" mit Elementen "ohne Layout" gemischt werden. Gib den #navi a eine Breite von 100% und auch der IE macht, was Du willst.

Alternativ kannst Du auch nur für den IE (Conditional Comments) alle Elemente auf den Status haslayout setzen. In Deinem Beispiel:

<!--[if lt IE 7]>
<style>
 * { height: 1px; }
</style>
<![endif]-->

<!--[if IE 7]>
<style>
 * { zoom: 1; }
</style>
<![endif]-->

Kurze Erklärung zum height:1px;: CSS height rendert der IE bis 6 wie min-height.

Dann kannst Du das "richtige" CSS so belassen, wie es für standardkonforme Browser ausreichend ist.

viele Grüße

Axel