[IE] UL-Liste horizontal zentriert in DIV

Hallo zusammen,
der IE will mein horizontales Menü nicht zentriert darstellen, folgender HTML-Aufbau:

<div id="dNav">
		<ul> 
			<li><a href="">Inhalt</li>
		</ul> 
		<hr />
	</div>

Und folgender CSS-Code:

#dNav {
	overflow:hidden;
}

#dNav hr {
	height: 0;
	border: 0;
	border-top: 1px solid #fff;
	border-bottom: 3px solid #999;
}

#dNav ul {
	list-style: none;
	overflow: hidden;
	margin: 0 auto;
	display: table;
}

#dNav ul li {
	float: left;
}

Firefox und Safari stellen das Menü zentriert dar, der IE linksbündig, hat jemand eine Idee, wie man ihn dazu bewegen kann?

Original geschrieben von hasch
Firefox und Safari stellen das Menü zentriert dar, der IE linksbündig, hat jemand eine Idee, wie man ihn dazu bewegen kann?

schmeiss mal das display: table raus. was soll das da überhaupt?

peter

Der IE zentriert mit margin: auto; leider nicht. Gib mal "#dNav" text-align: center; und "#dNav ul" dann wieder text-align: left; - dann kapierts auch der IE

Original geschrieben von ArSeN
Der IE zentriert mit margin: auto; leider nicht.

tut er doch.

peter

Touché, aber erst ab dem 7er afaik

Original geschrieben von ArSeN
Touché, aber erst ab dem 7er afaik

nö, auch der 6er.

peter

Original geschrieben von ArSeN
Der IE zentriert mit margin: auto; leider nicht. Gib mal "#dNav" text-align: center; und "#dNav ul" dann wieder text-align: left; - dann kapierts auch der IE

Hat leider keine Wirkung, das display: table bewirkt, dass unsere Liste zentriert werden kann, ist ja sonst ein Block-Element.

hast recht. allerdings kann der ie6 kein display: table. in deinem fall benötigst du eine breitenangabe für das ul, ansonsten funzt das im ie nicht. geht es eigentlich um ein flexibles oder festes layout?

peter

OK danke dir. Handelt sich um ein flexibles Layout, das #dNav ist direkt im Body. Dann werde ich mal schaun wegen einer Breitenangabe, sollte sogar möglich sein, da die Einträge statisch sind.