I’m working on a site here and need it to be centered in the browser. How would I center these divs? Would I have to set a 50% margin to each of the divs? Can I put my whole layout inside a div and center that div?
@ryanbutlerDec 20.2006 — #I'll assume this is a fixed width, if so, then place a container div which surrounds you entire layout and assign the following CSS rule:
[CODE]<div id="container"> ..rest of divs and layout </div>[/CODE]
In modern browsers, assigning a fixed width to a container div, setting its left and right margins to auto and surrounding the container div inside the entire layout will center it in the browser.
If you're approaching IE 5, then its another ball game to get that browser to play ball, although relatively easy in most circumstances.
@scottrickmanDec 20.2006 — #if you set the css for the body tag to text-align: center then IE will center the content (including older versions I think) then set margin-left: auto; margin-right: auto on the container div for newer IE, FireFox, etc.
@ryanbutlerDec 20.2006 — #Since IE 6 plays ball with left and right margins set to auto, why include it in the main style sheet? Place it in another style sheet specific for IE 5 and then use a conditional comment to check for it in the page.