Centering the whole page

This site is best viewed in a modern browser with JavaScript enabled.

LizzyB

Hi,

Apologies I know the answer must be on here but my searches dont find the answer for me.

Im trying to build a page which is center aligned. I have used margin:0 auto on the main sections but whilst FF works, IE has it stuck to the defaul left.

My page is here:
http://www.whizzliz.co.uk/CSSlayoutdesign/lulutestmod.html

Can anyone please advise what i have done wrong.

Many thanks
Liz

Fang

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Basic centering</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">
#centered {text-align:center;}
#container {margin:0 auto; width:80&#37;; text-align:left;}

</style>

</head>
<body>
<!-- Center contents -->
<div id="centered"><div id="container">
   <div id="contents" style="border:1px solid red;">
   	<p>contents</p>
   </div>
</div></div>
</body>
</html>
</body>
</html>

LizzyB

Many thanks!

i have also just remember that I hadnt used a doctype! Adding that in to the original code now makes it work. I hate IE!!

Liz

Fang

The DTD on it's own won't center the contents in older versions of IE.

Major_Payne

Still didn't see the DocType for "lulutestmod.html".