[IE] Ruimte tussen <LI>'s als deze niet op 1 regel staan

[Barracuda_82]

Klinkt misschien raar, maar ik heb een menu gemaakt van een list. Die heb ik netjes opgemaakt in CSS.

Toen ik ging controleren of het ook allemaal klopte in IE zag ik dat er tussen elke <LI> een ruimte van ongeveer 2 pixels zat. In FF sluit alles netjes aan. Toen heb ik dus een uur zitten prutsen om te achterhalen waar die rommel vandaan komt, blijkt dat als ik alle <LI>'s op 1 regel typ de tussenruimtes verdwijnen en als ik gewoon netjes enters in mijn HTML doe, er een tussenruimte ontstaat.

Ter demonstratie de onderstaande URL met een demo:
http://home.insiders.nl/johan/menu/

Het bovenste menu heeft een nette opmaak in de broncode, en de tweede staat alles op 1 regel.

Hoe is dit mogelijk?

[ Voor 3% gewijzigd door Barracuda_82 op 10-08-2005 17:58 ]

[Rickets]

Je voorbeeld is onbereikbaar hier, maar ik gok dat je de display op inline hebt gezet.
[rml][ CSS] inline <ul> menu, ruimte tussen <li> elementen?[/rml]

[software]

hier ook onbereikbaar

[Barracuda_82]

Shit... stond nog op de dev-server... die kun je van buitenaf niet aan. Link gefixed.

[Verwijderd]

Je kunt beter gewoon alle <li>'s afsluiten op elke regel.

Dus niet zo:
<li><a href="">Item 1.1</a></li>
<li><a href="">Item 1.2</a>
<ul>

Als je het submenu wilt laten inspringen maak je classes aan voor de verschillende <li>'s. Vervolgens geef je deze een margin-right of padding-right.

[Verwijderd]

Verwijderd schreef op woensdag 10 augustus 2005 @ 20:10:
Je kunt beter gewoon alle <li>'s afsluiten op elke regel.

Dus niet zo:
<li><a href="">Item 1.1</a></li>
<li><a href="">Item 1.2</a>
<ul>

Als je het submenu wilt laten inspringen maak je classes aan voor de verschillende <li>'s. Vervolgens geef je deze een margin-right of padding-right.

dat doet ie toch ook en die extra classes zijn ook netgens voor nodig

[Barracuda_82]

Ja, mij ontgaat hier ook het nut een beetje van...

[Sappie]

voeg

code:

#nav ul li a {
    _display: inline-block;
}

toe. Dat lost het wel op denk ik. Je dient iig hasLayout te forceren. Een breedte opgeven is bij nader inzien netter. Hier meer over hasLayout:

http://www.satzansatz.de/cssd/onhavinglayout.html

[ Voor 86% gewijzigd door Sappie op 10-08-2005 23:34 ]

[Barracuda_82]

Whoot. Ik heb het op kunnen lossen met dat inline-block. Nooit geweten dat het verschil daar in zou zitten.

IE is maar een raar ding...