Printable View
I have noticed an increasing number of websites that have their position centred within the browser window. I have looked at their code but am finding it difficult to seperate the code that does this from the rest. Can anyone make this clearer for me?
thanks
Make a table for the entire website to sit in, and center that table. That's how I do it.
<html><body><center>
lots of code here
</center></body></html>
thanks for the replies. It's been very useful.
both of the answers above are incorrect... or at least, bad solutions.
This is how you'll want to do it:
Code:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Centered Web Page</title>
<style type="text/css">
#centeredContent
{
margin-left: auto;
margin-right: auto;
width: (something);
}
</style>
</head>
<body>
<div id="centeredContent">
This content will appear in the center.
</div>
</body>
</html>
Also, always remember that this document is your best friend: http://www.w3.org/TR/CSS21/