New Comer (less than 5 posts)
Centering using <Container> scripting
Okay... so I'm having a go with creating a two column webpage using css and who knows how long it's been since I've played with CSS. Well. I'm trying to center the entire page (along with the top portion staying in alignment) but have not been able to figure it out. I've read several tutorials about the whole container scrip but it seems alien to me.
http://zero_monolith.sitesled.com is the site under investigation. Any help would be greatly appreciated.
Global Moderator
The basic idea is to not mess with the body's margin other than to zero it out if desired. You can use a container division with a unique id that holds all the content on the page:
Use a valid DOCTYPE and avoid all absolute and relative positioning and floats in the content unless you know what you are doing with them. Pick a width for the container - say, 775px, set its style like so:HTML Code:<body> <div id="containerdiv"> all content here </div> </body>
As long as no individual element in the content is greater than that width and all content can wrap if it needs to, that will center it.Code:#containerdiv { width:775px; margin:0 auto; }
- John________________________
Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate
Elite Coders
Be aware that the style sheet you attempt to import, all.css, doesn't exist.
Your server misbehaves, here: rather than returning a 404 File Not Found response, it returns a 302 Found redirect that leads to a 200 OK response that pretends to be a 404 document. Status codes should be accurate and actually report the condition. Neither of the received responses are correct.
Mike
Posting Permissions
Reply With Quote
Bookmarks