
August 30th, 2003, 12:53 AM
|
|
Junior Member
|
|
Join Date: Aug 2003
Location: Fort Worth, TX
Posts: 2
Time spent in forums: < 1 sec
Reputation Power: 0
|
|
CSS positioning help...
I'm trying to learn using <div> and CSS for positioning instead of tables.
The only problem I'm running into so far is this. I'm trying to add a footer to the page and trying to position it at the bottom, but it's coming up in the middle of (or more exact, behind) my other div's.
You can see the site here --> follow me
And here's the excerpt from my CSS file that has to do with all the positioning...
Code:
/* All the content boxes belong to the content class. */
.container {
position: relative;
width: 750px;
align: center;
}
.logocontainer {
margin: 30px 0px 25px 0px;
padding: 10px;
border-top: 3px solid #cc0000;
border-bottom: 3px solid #cc0000;
}
.content {
position: absolute;
width: 400px;
top: 140px;
left: 160px;
right: 300px;
border: 1px solid #cc0000;
}
#navleft {
position: absolute;
width: 140px;
top: 140px;
left: 0px;
border: 0px solid #cc0000;
z-index: 2;
}
#navright {
position: absolute;
width: 170px;
top: 140px;
right: 0px;
z-index: 1;
}
#footer {
clear: both;
}
Can anyone give me any suggestions as to what's wrong with the footer ID?
TIA...
|