Comments on: Horizontal Menus That Grow on You

By: 星星魔术博客

星星魔术博客 — Thu, 01 Jul 2010 07:48:11 +0000

good， so nice

By: austin web designer

austin web designer — Wed, 10 Feb 2010 18:21:34 +0000

Really nice tutorial,I will make sure to use it on the next site I make.

By: 小秋

小秋 — Thu, 31 Dec 2009 05:04:19 +0000

Thank your Help me ! csshowto!

My is chinese(china) !

By: Silven chen

Silven chen — Wed, 23 Dec 2009 05:22:55 +0000

Is’s so good

By: Gustav

Gustav — Mon, 06 Apr 2009 20:18:44 +0000

If you want an easy way to center a menu, just do it in plain html.
Create a div for the menu then put “” before the div so that it automaticly centers the menu.

It’s the easiest way

By: Kayla Felisha

Kayla Felisha — Wed, 17 Dec 2008 07:02:38 +0000

simple tutorial, but i got the point, thanks

By: Myea Amelia

Myea Amelia — Tue, 18 Nov 2008 03:36:35 +0000

Thanks for the tutorial, it is help me much.

By: khan

khan — Wed, 03 Sep 2008 07:37:54 +0000

Excellent tutorial!

By: Sandy

Sandy — Wed, 30 Jul 2008 16:21:45 +0000

Is there a way to set up this menu so that when it’s wider than the browser window it doesn’t break down but instead the user has to scroll horizontally?

By: CSSHowTo.com

CSSHowTo.com — Thu, 06 Dec 2007 23:05:56 +0000

Its a little difficult to explain quickly, but I will try.

Essentially you need to put the menu inside two divs, and float the outside div 50% left and the inner div -50%. You also need to add position relative. Im not sure how you have implemented the menu so its hard to give exact advice, but hopefully the following code might help. Use firebug and have a play with changing the settings.

.outer{
position:relative;
left:50%;
float:left;
clear:both;
}
.inner{
position:relative;
left:-50%;
}