IE positioning
Posted: Tue Aug 15, 2006 5:37 pm
Page: http://65.29.93.164/smp/index.html
Displays like I want it in FireFox & Opera. IE seems to not position the blue gradient directly in the center. Is there some kind of weird IE right margin?
CSS
HTML
Displays like I want it in FireFox & Opera. IE seems to not position the blue gradient directly in the center. Is there some kind of weird IE right margin?
CSS
Code: Select all
body {
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
background-color: #087cb6;
background-image: url(../images/bg_main.gif);
background-position: top center;
background-repeat: repeat-y;
text-align: center;
}
.masterDiv {
margin-left: auto;
margin-right: auto;
width: 748px;
background-color: transparent;
}
.header {
width: 748px;
height: 85px;
background-image: url(../images/bg_top_gradient.gif);
background-position: center center;
background-repeat: repeat-x;
text-align: center;
}
Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>css test</title>
<link rel="stylesheet" href="includes/style.main.css" media="screen" />
</head>
<body>
<div class="masterDiv">
<div class="header">stuff</div>
</div>
</body>
</html>