Author Topic: All css2 centrered  (Read 3273 times)

styrbaek

  • Guest
All css2 centrered
« on: June 16, 2008, 07:43:17 AM »
Does anyone know if it is possible to center the all css2 menu.
I have tried everything (it think), but I can only get the menu to begin at the center.

hrioo

  • Guest
Re: All css2 centrered
« Reply #1 on: June 16, 2008, 10:42:01 AM »
You have to specify a width for your <div> and apply left & right auto margins.

In your screen.css change the #navContainer to:

#navContainer {
width:748px;
clear:both;
background-color:#666;
border-right:1px solid #000;
border-left:1px solid #000;
border-bottom: 1px solid #000;
}

and change your #nav & #nav ul like so:

#nav {
width:480px;
margin: 0 auto;
height: 1.68em;
background: #666;
}
#nav ul {
list-style-type: none;
font-size: 81%;
text-transform: uppercase;
}

You will probably have to adjust width:480px; to approximate width of your menu.

styrbaek

  • Guest
Re: All css2 centrered
« Reply #2 on: June 16, 2008, 11:14:54 AM »
Thanks a lot.
But is it possible to do this without setting at specifig width of #nav. Else I have to change my css everytime I ad a new menuitem  :-(

hrioo

  • Guest
Re: All css2 centrered
« Reply #3 on: June 16, 2008, 12:31:13 PM »

styrbaek

  • Guest
Re: All css2 centrered
« Reply #4 on: June 17, 2008, 08:00:10 AM »
YES!!!! That was just what I was looking for, nice and simple.
I used the examble with tables istead of inline and it works perfektly.

Thanks

hrioo

  • Guest
Re: All css2 centrered
« Reply #5 on: June 17, 2008, 08:39:53 AM »
You're welcome. Using tables is a lot easier sometimes but probably not as much fun!