How to center menu in Twenty Ten theme?

Did you ever figure this out? Trying to center my menu bar on the page as well

Same here. In my case, I want to align it to the right.

.menu{ text-align:center; }
.menu ul{ display:inline-block; }

for IE6 and IE7 also add (recommend to do it in separate file)

.menu ul{
    display:inline;
    zoom:1;
}

You may also add display:-moz-inline-stack for Firefox 2, but I wouldn’t care, because almost nobody use that old version these days, and centered menu is not critical (it will be left-aligned in Fx 2)

Another solution
You may also manually move menu with margin-left, however you would need to readjust it every time you add/remove links on nav. bar.

@isparkleen, you just need to add

.menu ul{
    float:right;
    position:relative;
    right:12px;
}

we’re talking about twentyten. so, do you mean in

#access .menu-header,
div.menu {
	text-align:center;
}

and

#access .menu-header ul,
div.menu ul {
		display:inline-block;
}

because that doesn’t work really. it leaves the menus in the drop-down position.

I’m going to work on this and get back to y’all unless I misunderstood.

Izvarinskij, works for me! Thanks a lot for your solution.

Saracannon, for me I had to put like this:

#access {
display:block;
z-index:999;
position:absolute;
text-align:center;
}

#access ul{display:inline-block;}

thanks carlosgonca! that works for me too.

@izvarinskij – could you please explain further how you make it work in IE?

I’ve added:

.menu ul{
    display:inline;
    zoom:1;
}

But it wont work in IE.

Sorry, I got it to work. Thanks anyway!

Hey.

Anyone who knows how I can allign the text in the menu. I want to center the text inside the rollover effect. Now it’s positioned right and I can figure how to center it

Alex