Position whole wrapper and menu bar in the middle of web browser?

[duzhidian]

Hello:

Many books talk about how to the layout of html using the following
sequence:

wrapper
menu bar (short and not long enough to expand the whole wrapper)
left sidebar
right sidebar
main content
What is the simplest way to put the whole wrapper and the menu in the
middle of whole web browser?

The problem is the what is the simple way to put menu in the middle
instead of left aligned. If I use text-align:center, the menu is not
centered.

Thanks.

D.

[Ben C]

On 2007-05-23, du*******@gmail.com <du*******@gmail.comwrote:

Hello:

Many books talk about how to the layout of html using the following
sequence:

wrapper
menu bar (short and not long enough to expand the whole wrapper)
left sidebar
right sidebar
main content
What is the simplest way to put the whole wrapper and the menu in the
middle of whole web browser?

It depends whether you've set the width on the wrapper explicitly. If
you have, "margin: 0 auto" on the wrapper is the simplest.

Otherwise you need inline-block (not widely supported) or table.

The problem is the what is the simple way to put menu in the middle
instead of left aligned. If I use text-align:center, the menu is not
centered.

[Bergamot]

du*******@gmail.com wrote:

>
The problem is the what is the simple way to put menu in the middle
instead of left aligned. If I use text-align:center, the menu is not
centered.

If the menu uses list markup, you can center it with a combination of
text-align:center on the <uland display:inline on <li>. Set margins
and padding to taste.

--
Berg