How do I keep the menu centered. When I view the website on my laptop it doesn't seem center and floats to the right.

Any idea how i can fix this?

 

http://jsfiddle.net/YZ8XA/

Add the following CSS:

 

#menu:after {

content:"";

display:table;

}

#menu:after {

clear:both;

}

Then add the following CSS to #menu:

clear:both;

This should place the menu on a separate line rather than after the left-floated elements.

Best

Jitse

Thanks, but when it I view it on laptop screen it isn't centered. It looks like this (see attached)

Edited January 31, 201412 yr by Vulcan

Even after you added the CSS code I suggested? What browser + version do you run on your laptop?

I'm using FireFox 26.0 and Chrome 32.0.1