[CSS] List-style: none & IE

Door Arjan Kapteijn op 11-05-2006 11:19

932 views

Stel, je maakt een simpel menutje:

<div id="menu">
<li><a href="voorbeeld">test</a></li>
<li><a href="voorbeeld">test</a></li>
<li><a href="voorbeeld">test</a></li>
<li><a href="voorbeeld">test</a></li>
<li><a href="voorbeeld">test</a></li>
</div>

Div ID menu geef je een vaste breedte van bijv. 180px. Vervolgens maak je een:

#menu li {
list-style: none;
}

En daar kom ik in de problemen. In FF verdwijnen de bolletjes keurig en schuift het hele zaakje netjes naar links. Echter in IE verdwijnen de bolletjes wel... maar schuift het hele zaakje NIET op naar links. De bolletjes zijn weg maar de ruimte is nogsteeds gereserveerd.

Heeft iemand hier een oplossing voor?

Arjan Kapteijn

11-05-2006 11:40

Zelfstandig opgelost:


<div id="menu">
	<ol>
		<li><a href="voorbeeld">test</a></li>
		<li><a href="voorbeeld">test</a></li>
		<li><a href="voorbeeld">test</a></li>
		<li><a href="voorbeeld">test</a></li>
		<li><a href="voorbeeld">test</a></li>
	<ol>
</div>

icm


#menu ol {
	list-style: none; 
	margin: 0; 
	padding: 0;
}

#menu li {
	display: block;
	width: 160px;
	border: 1px solid red;
}

- wes -

11-05-2006 11:42

saai ben jij, tik ik hetzelfde, doe je het zelf ook :(

Leo

11-05-2006 15:30

Idd, zo moet het werken, ik gebruik het ook voor mijn menu en het werkt in elk browser (naveel gedoe)

Reageren

Inloggen om te reageren