Help with IE 6 layout [Archive]

cfgcjm

03-13-2008, 10:24 PM

I'm redoing my site (temporarily hosted at http://stjohns.digiconmediagroup.com/test/)

and making it work in IE 6... right now it's just obnoxiously colored divs. You can use http://ipinfo.info/netrenderer/index.php to view it in IE 6 or 7

within my utlbox div i just placed an 'a'. And it shows that my utlbox div is being repeated...also the div does not show up at all in FF.

HTML

<!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=utf-8" />
<title>St John's United Church of Christ : Home</title>
<link rel="stylesheet" type="text/css" href="default.css" />
<script type="text/javascript" src="../scripts/randverse.js"></script>
<script type="text/javascript" src="../scripts/linkout.js"></script>
<script type="text/javascript" src="../scripts/linkout.js"></script>
<link rel="alternate" type="application/rss+xml" title="St. John's UCC" href="http://www.stjohns.digiconmediagroup.com/rss/rss.xml"/>
</head>

<body>
<div id="wrapper">
<div id="accent"></div>
<div id="maincontent"></div>
<div id="utlbox">a</div>
<div id="footer"></div>
</div>
</body>
</html>

CSS

body{
margin:0;
padding:0;
background:pink;
}

#wrapper{
width: 908px;
height: 500px;
margin: 0 auto;
background:yellow;
}

#accent{
height:400px;
width:24px;
background:#0099FF;
float:left;
}

#maincontent{
width:701px;
height:400px;
background:#660000;
float:left;
}

#utlbox{
height:400px;
width:183px;
background:#0099FF;
float:left;
}

#footer{
width:701px;
height:25px;
background:#000000;
margin-left:24px;
}