TheAppleNewsreel Posted March 7, 2011 Report Share 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 Link to comment Share on other sites More sharing options...
newseed Posted March 7, 2011 Report Share 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 Link to comment Share on other sites More sharing options...
Andrea Posted March 7, 2011 Report Share Posted March 7, 2011 http://www.csstutorial.net/2010/02/how-to-create-a-center-aligned-page-with-css/ Quote Link to comment Share on other sites More sharing options...
grabenair Posted March 7, 2011 Report Share 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 Link to comment Share on other sites More sharing options...
Wickham Posted March 8, 2011 Report Share 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 Link to comment Share on other sites More sharing options...
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.