[thelist] CSS - Positioning somehting at the bottom of the page
Brian W. Reaves
brian at brianreaves.com
Tue Aug 20 09:49:00 CDT 2002
<snip>
I'm just wondering if it's possible to position something at the bottom of
the page using CSS-P.
</snip>
Kevin,
I have been working to address the same problem. I found a solution and it
seems to work on my WIN2k machine in IE 6+, NS 6+, and Mozilla 1+. I setup a
page with three DIVs and used IDs for (header, main, footer). This is
similar to a 3 row table.
#header { /***** Used to Control Header ****/
position: relative;
top: 0px;
width: 100%;
height: 125px; /**** Set this to the amount of space you need in
your header ****/
margin: 0px 0px;
}
#main { /***** Used to Format Content Between Header and Footer ****/
position: relative;
top: 0px;
width: 100%;
margin: 0px;
}
#footer { /***** Used to Keep Footer on Bottom ****/
position: relative;
top: 10px; /**** Set this to move footer content off of main
content bottom ****/
width: 100%;
height: 30px; /**** Set this to the amount of space you need in
your footer ****/
margin: 0px;
}
Can anyone foresee a problem with this? Please advise....
HTH,
Brian
More information about the thelist
mailing list