[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 DIV’s and used ID’s 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