Forums

ScottMacD

Hey everyone, right im creating a simple html site for a task ive been given.
The web page has a width of 800px.

ive wraped everything in a div:

<div id="wrap">
All content from page
</div>

in the css i've used the margin: 0 auto; trick that chris has shown in some of his screencasts.

div#wrap {
width:800px;
height: 100%;
margin: 0 auto;
}

The webpage is centered perfectly in Firefox 2 and 3 and Safari but i cant get it to center in IE 7.

Can anyone help?

Argeaux

i tried the exact same code as you posted here and it worked.

So i think there is something else wrong with your file...


<!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>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\" />
<title>Untitled Document</title>
<style type=\"text/css\">
	div#wrap {
	width:800px;
	height: 100%;
	margin: 0 auto;
	background-color:#666666;
	}
</style>
</head>
<body>
<div id=\"wrap\">
All content from page
</div>
</body>
</html>

ScottMacD

Hmm i've checked it all and it seems fine.

it works ok in safari and firefox, just not IE 7 for some reason, ill get someone else to have a look over it.

ScottMacD

I feel so stupid, i just compared it to another web page, i had a typo in my DOCTYPE. :roll:

I still feel like blaming IE :lol:

soap

Good thing to do for older versions of IE is put text-align:center in body, html. Then just declare text-align left in your #wrap or whatever.

treehouse : what would you like to learn today?

Forums

IE7 : Can't Center web page