Comments on: Centering a dropdown menu

By: Center Css Menu | CSS Menu Generator

Center Css Menu | CSS Menu Generator — Mon, 26 Dec 2011 10:43:37 +0000

[...] Also Centering a dropdown menu — Tyssen DesignDifferent methods for centering a john horizontal dropdown menu. The tyssen menu's on the ul table. [...]

By: John Faulds

John Faulds — Mon, 25 Oct 2010 21:51:09 +0000

Hi Derek, there doesn’t appear to be code from any of the examples in your page.

By: Derek

Derek — Mon, 25 Oct 2010 20:20:27 +0000

Hi,
I’ve been trying the various things you posted to see if I can get the nav menu using suckerfish dropdowns to work so that its centered. i’m missing something here. When I change the various components as you suggested the menu is still to the left. The site listed here is back to the mail problem I had. Any thoughts would be greatly appreciated.
Thanks, Derek

By: John Faulds

John Faulds — Tue, 20 Apr 2010 20:39:12 +0000

Alex, would need to get a look at the rest of your code or a link to be able to tell what’s going on.

By: Alex

Alex — Tue, 20 Apr 2010 17:47:24 +0000

Hi! This is a great post, but I need some help, because I'm not so familiar with CSS (I'm 17 and I'm just getting started). With this method I can actually center the

, that is to say the "headings" of the menu, are still on the left (maybe because of the float:left?). I tried with text-align:center, but it didn't work. Can you help me?

By: Darren

Darren — Tue, 13 Apr 2010 22:09:02 +0000

Kinda skimmed the first read… my bad. So that hack I listed works on anything except Opera b/c of that bug you talk about there. The other option around this that has worked well for me is to use the great jquery plugin superfish.

I just don’t like putting widths on text that should be able to be expanded if the user adjusts the font size in their browser.

Also although it is buggy in Opera it does still sort of work, just really glitchy. There’s gotta be a solution. I’m going to research this more.

Thanks John

By: John Faulds

John Faulds — Tue, 13 Apr 2010 20:47:47 +0000

Thanks Darren, but that technique is already mentioned near the beginning of the article.

By: Darren

Darren — Tue, 13 Apr 2010 19:50:49 +0000

Get rid of the floats and try this hack on the list items:

display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;

I’ve got it working using suckerfish dropdowns and using jquery superfish.

By: Frank

Frank — Sat, 07 Nov 2009 19:08:41 +0000

One addition, to make the conditional comment with display: inline-block and so on work in ie the element within the

tags must be display: block, else the whole navigation floats left.

By: Frank

Frank — Sat, 07 Nov 2009 18:29:54 +0000

Hi, thanks, this article is a great help and saved me many hours of work. Just a display: table; for the ul did the job for me.