center design using css

[naughtymutt]

How do i center a design vertically and horizontally in the browser window using CSS.

[Egor]

http://www.pmob.co.uk/temp/vertical-align3.htm

[rbutler]

Depends on how you layout your page. If its a fixed width layout with a wrapper div surrounding your "columns" as in floating, setting the wrapper's left and right margin to auto will do the trick.

If you use absolute positioning, you'll have to surround the absolutely positioned div's in a relative positioned container and calculate the total width and apply it to this container. This is explained in Paul's FAQ.

[Paul O'B]

Hi,

For elements of known dimensions you can do something like this assuming you are centering within the viewport.

http://www.pmob.co.uk/temp/flashbg.htm

Vertical centering is unfortunatley a little complicated in css and the method used depends on the situation in hand.