css float issue

[mrtheshaggy]

Heya,

I just changed the menu on my website. The problem is that it won't align to center under the logo. Inside the css/style it's float property is set to 'left' (and the ie hack mid way down). Setting it to 'none' or 'center' messus up the entire menu. Any clues on what to do?

Example can be found here...

http://www.vanguarddefiant.com/downloads.php

Sorry, but have to source it, way too much code to be posted.

Also, if you have any ideas for making it look better, by all means, I'd love to hear them!

Thanks

 

[drunknbass]

looks like it works to me. but you can always use
width: 100%;

and

margin:auto;

should work

 

[briguyd]

Yeah, it looks like it's working here too (under Firefox 2). Just a reminder, there is no float:center. It can only be left or right.

 

[Excavator]

Hello mrtheshaggy, I don't mean to sound critical (I know you didn't really ask for a review) but there are lots of problems with that page - namely no DocType or charcter encoding, the use of tables and unecessary hacks (see HollyHack). See the links in my sig below.

For a start on tableless layout have a look at http://www.nopeople.com/defiant/ It validates, except for the odd code in the menu.

That menu would be easy to build with CSS only, if you would like to get rid of that js. Have a look at how a span menu works here.

=========================

And... what I always say:
"write it for FireFox then hack it for IE."



Use the right DocType
Validate your markup
Validate your CSS
Why validating is good
Why tables are bad