vert and hor centering text in <div>

1. Horizontal centering a <div> in browser window.

The current trend seems to be to place page content in a fixed width area in the middle of the
browser window. How is this achieved? If I use a top level <div> then I can place it with CSS
attribute 'left:', but this is a fixed offset. Is it possible to have a <div> centered in the
browser window?


2. Verticle centering in <div>

I have a simple link bar at the top of my page with, as you might guess, links to other pages. The
<div> is given a fixed hight to accomodate a background gif. How can CSS be used to vertically
center the text? CSS attribute 'verticle-align:' only seems to center one piece of text against
adjacent text.

Thanks everyone,

John Pote

Thanks for taking the time to reply and your code example that worked fine in centering the 'page'
div> between the browser window edges. Eventually I tracked down why my html code did not work. It
was the DOCTYPE line.

No problem. This sounds like a quirksmode issue. There's a good article
about this here:
http://www.quirksmode.org/css/quirksmode.html