Forum Moderators: not2easy
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>test</title>
</head><style>
body {
background-color: #FFA302;
padding:0px;
font:12px verdana, arial, helvetica, sans-serif;
max-width: 1024px;
min-width: 800px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#scaler {
/* For IE */
margin-left: auto;
margin-right: auto;
width: expression(document.body.clientWidth > 800?(document.body.clientWidth > 1024? "1000px": "auto"):"800");
}
#main{
padding:0;
margin:0;
background: url(mos/main_title_bg.gif) no-repeat top right;
}
#content {
text-align: left;
min-width:120px;
margin:0px 180px 0px 180px;
background: white url(mos/main_tile_left.gif) repeat-y top left;
}
#subcontent{
padding-top: 10px;
padding-left: 15px;
margin:0;
background: url(mos/main_tile_right.gif) repeat-y top right;
}
#navAlpha{
width: 176px;
float: left;
position: relative;
}
#navBeta {
width: 176px;
float: right;
}
</style>
<body>
<div id="scaler">
<div id="navAlpha">
Leftside
</div>
<div id="navBeta">
Rightside
</div>
<div id="content">
<div id="main" ><!--This image gets bumped about 3px to the right only in IE --><img src="mos/main_title_training2.gif" alt="Main" /></div>
<div id="subcontent">
<h2>This is news!</h2>
<p>Can you see it for what it is... which is ... news!</p>
</div>
</div>
</div>
</body>
</html>
[webmasterworld.com...]
height: 1%; in my #content
And that fixed it all up,
thanks again.
