Hi Everyone
Does anyone know how to make a footer stick to the bottom of my browser
screen, or at least beneath the longest column? I'm not using floats to
place my three columns, which are liquid.
I'm trying to build the basic framework of my page, and my css and html is
quite simple at the moment. My page isn't yet online so no link, but the
footer at the moment floats up to the very top of the screen and sits behind
the header. I have the #footer div placed in the HTML after the three
columns and before the closing wrapper div.
Any help greatly received!
CSS
--------*/
body { width: 100%;
margin: 0;
padding: 0; }
#wrapper {
position: relative;
min-width: 600px;
margin: auto;
width:85%;
border: none;
}
#header {
position: absolute;
top: 0;
left: 0;
min-width: 600px;
width:
100%;
background-color:#fff;
}
#header img {
margin:0;
padding:0;
}
/*left column*/
#menu {
position: absolute;
top:100px;
left: 0;
width: 20%;
margin: 0%
0% 0 0;
background-color:#CCCCCC;
}
/*middle column*/
#main-content {
position: absolute;
top:100px;
left:20%;
min-width:
360px;
width: 60%;
margin-top: 0%;
background-color:#99CCCC;
}
#main-content p{
padding:3% 5% 3% 5%;
}
/*right column*/
#sub-content {
position: absolute;
top:100px;
left: 80%;
width: 20%;
margin: 0% 0 0 0%;
background-color:#CCCCCC;
}
/*this style doesn't work*/
#footer {
position:absolute;
width:100%;
}
Many thanks.
Phil Holt
==============================
Web Foundry Limited
9-10 St Andrew Square, Edinburgh EH2 2AF
http://www.web-foundry.co.uk
Registered in Scotland No.303224
==============================
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
