
Originally Posted by
mrmahoosive
http://www.mahoosive.co.uk/eccl/
I would like the top menu to be centered, but can't figure it out. I've tried putting it in it's own div with margin: 0 auto; and text-align: center; but didn't work.
You're floating both the anchors and the list items. Do neither. Remove the display property declaration within the "#top a" rule, and add a display declaration to the "#top li" rule with the value, inline.
Also, in FF the top links don't appear in the right place, never really fussed about site not working in FF, our users don't have it. But would be nice to have it looking the same across the board.
The ul element has a top margin.
In general, if you are going to fiddle with the margins for any element to effect a particular layout, remove all margins and padding
Code:
* {
margin: 0;
padding: 0;
}
and then add them where needed. This sidesteps differences between the default style sheets of various browsers.
Why do you have so many br elements, and why isn't that list of areas not marked-up as a list?
Mike
Bookmarks