How to center an HTML page with CSS
Ok... Here is one of the most frustrating things ever. HOW TO CENTER AN HTML PAGE WITH CSS! I use to do this by wrapping the page inside a div and centering that div. It works and it's solid but if you want to use a true CSS method, check this out.
Put this at the top of your CSS file and you will be good to go!
#html, body {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
width:980px;
height: 100%;
margin: auto;
}
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
width:980px;
height: 100%;
margin: auto;
}
** Again this works in ALL BROWSERS including IE6. If you want it to see it in action, just GO TO THIS SITE using different browsers. Cheers!