TheAppleNewsreel Posted March 7, 2011 Report Posted March 7, 2011 I previewed my page in my browser, and found that the whole thing is on the left side of the page. How do I center it like the killersites page, and most other pages? Attached is a screenshot to give you an idea of what I'm talking about. Please note the large white area composing the right side of the screen. Quote
newseed Posted March 7, 2011 Report Posted March 7, 2011 Wrap a div around the whole thing. The way you do that is apply the open div just after the open body tag and the a closed div just before the closing body tag. <body> <div style="margin: 0 auto; width: 900px;"> Note: set your width to whatever size your framework is. </div> </body> Quote
Andrea Posted March 7, 2011 Report Posted March 7, 2011 http://www.csstutorial.net/2010/02/how-to-create-a-center-aligned-page-with-css/ Quote
grabenair Posted March 7, 2011 Report Posted March 7, 2011 This is how I center my page: #wrapper { width: 960px; margin-top: 20px; margin-right: auto; margin-left: auto; } I put all of my content links,main content ect. inside of the wripper div and use this css to center it in the browser window. The centering part is the margin-right: auto; margin-left: auto; I hope this helps. Quote
Wickham Posted March 8, 2011 Report Posted March 8, 2011 If you have any divs or other elements with position: absolute you will almost certainly need to add position: relative to the wrap div as position: absolute elements will be unaffected unless you do add it:- <body> <div style="position: relative; margin: 0 auto; width: 900px;"> Note: set your width to whatever size your framework is. </div> </body> Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.