CSS Centering Problemo

Deathwish · 13 Jun 2006 at 18:48

Decided to renew my face on the Internet but have come across a small problem that I can't seem to figure oot.

http://www.fwibble.org/test.html

The menu bar is centered in IE6Win but in FireFox its not.

The CSS is included inside the HTML document for now, will be moved into its own file once i've finished up the design.

Any clues as to why are appreciated

yhack · 13 Jun 2006 at 18:52

try <center></center> ?

Beansprout · 13 Jun 2006 at 19:14

You're centering the li's not the actual ul itself - try this:

Code:

ul#navmenu {
	margin-left:20px;
	width:380px;
	text-align:center;
	margin: 0 auto;
}
ul#navmenu li {
	float:left;

}

You also need that 0/auto I added, too

Deathwish · 13 Jun 2006 at 19:29

Ah, spot on Beansprout, did not notice that. Strange how you can miss things in your own code, yet spot them fine in someone else's!

Thanks

iCraig · 13 Jun 2006 at 23:43

yhack said:
try <center></center> ?

<center> is a depreciated element in XHTML.