The page looked great when i had top, middle two (left, right) and bottom div inside a main container. But the PHP script I am using did not like that and it would not position the bottom logo on the bottom div as it should have it was moving it to the right off outside the bottom div causing s virticle scroll bar. The CSS validated ok as it was at the time. When i moved the bottom div outside the main one the logo was able to be placed back on the background in the position it should be. Yet I could not get the bottom div and background to line up exactly like it should have. Now i can not even get it off the top div. It lays on top of the top div background or under it but will not move to the bottom of the page where it should be. i have tried doing it with and without positioning. Here is my coding please look at it and help
Pat
#########################
CSS
/*This is my header setup*/
/*Header main box and main body setup*/
body
{
margin-top: 20px; margin-bottom: 20px; background-color: #eee9e9; text-align: center;
}
#top {
width: 100%; height: 210px; margin-top: 5px; text-align: left;
background: url(images/tgebkg-top.jpg);
background-repeat: no-repeat; margin: 0%;
}
/*Bottom cell/div properties */
#bottom {
width: 98%; height: 97px; margin-bottom: 5px; position: absolute; bottom: 0% left: 6.5px;
background: url(/images/tge-btm.jpg);
background-repeat: no-repeat; margin: 0%;
background-color: transparent;
text-align: left;
}
/* right/left main container */
#main
{
float: left;
width: 98%; background-color: white; margin-left: 5px;
}
/*Left container */
#left
{
float: left;
width: 17.25%; height: 310px; text-align: center; background: url(/images/tge-sb.jpg); background-repeat: no-repeat; margin: 0%;
}
/*Main content pain (right)*/
#content
{
font-family: sans-serif, Arial; font-size: 16px; font-style: italic; text-align: center;
}
//////////////////////
HTML
<html lang=en><head>
<title></title>
</head><body>
<div id="main">
<div id="top">
<img src="logo">
</div>
<div id="left">
navigation bar
</div>
</div></div><br><br>
<div id="bottom">
<a href=""><img src="http://logo"></a>
</div>
</body>
</html>
Thanks
pat
