3Apr/090
How To Center a Page With CSS
When designing the layout of a web page, it is common to want to center the entire page. Luckily, this is very easy to do without breaking standards. All you have to do is wrap the entire page with a div with the left and right margins set to auto (margin: 0px auto;).
Here is an example:
<html> <body> <div class="wrapper">Contents of page...</div> </body> </html>
.wrapper { margin: 0px auto; width: 600px; }
Here, margin specifies the top/bottom and the left/right respectively.
That's all there is to it!
Similar Posts:
- Create a Slide-In Panel with jQuery
- Creating a Calendar in PHP
- Generating (X)HTML Documents Using DOMDocument In PHP
About Steve
Steve is the owner of UltraMega Tech. He is a freelance Web designer and developer who specializes in PHP and AJAX development.Categories
- General (6)
- News (4)
- Projects (11)
- Lock My Stuff (2)
- Noty (1)
- TempServers (8)
- Software (8)
- Tips & Tutorials (46)
Archives
Links
Meta
