Center Div STUCK

Ok guys. I hate to do it, because I really like to try and figure out myself, but I have tried 10 different methods now and I am about to lose it! I have a large header div then left and right column divs and a center div that I need moved down. The left and right divs easily move since they are positioned absolutely, but the center div is not.(although I tried to position it with no luck) I also have a div that contains my navigation(made up of javascript rollovers) and the problem is that my center div is way up into my header and under my "nav" div. I was wondering if I needed a clear spacer div under the header to push down the center div?
Here is my code and I really appreciate it!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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">

body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
background-image: url('skygradient.gif');
background-repeat: repeat;
}

#header {
margin: 0px;
padding: 0px;
height: 250px;
width: 100%;
background: url('headerclouds.gif');
}
#left {
position: absolute;
left: 15px;
top: 395px;
width: 200px;
}
#center {
top:0;
margin-left: 230px;
margin-right: 230px;
}
#right {
position: absolute;
right: 15px;
top: 395px;
width: 200px;
}

#nav {
position: absolute;
width: 700px;
height: 120px;
left: 20px;
top: 270px;
}

#footer {
position: absolute;
width: 100%;
bottom: 0px;
}
</style>

<div id="left"><h3 align="center">About Us</h3>
</div>

<div id="center"><h1 align="center"><font color="#006633">Welcome to example!</font></h1>

</div>

<div id="right"><h3 align="center">Preview</h3>
</div>

<div id="footer">
Footer is here damnit!
</div>
</body>
</html>

[edited by: engine at 8:17 am (utc) on July 24, 2008]
[edit reason] examplified [/edit]

Center Div STUCK

Do I need a clear spacer div?

Preeminent

mcs services

Preeminent

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week