Any way to have something at the bottom of the page regardless of window sizing?

[mgdpublic]

I have a line of text I would like to display at the bottom of the page regardless of the vertical sizing of the window. Anyway to do this? Thanks.

[gil davis]

Someone asked a similar question and it turned out that he wanted it at the bottom of the page, not the window. Which do you really want? bottom of the web page, or bottom of the viewing area (window)?

[mgdpublic]

Originally posted by gil davis
Someone asked a similar question and it turned out that he wanted it at the bottom of the page, not the window. Which do you really want? bottom of the web page, or bottom of the viewing area (window)?

Ah,ok. I mean the viewing area.

[Paul Jr]

If you just want it at the bottom of the window, this should work for ya:

<style type="text/css">
#footer {
position:absolute;
bottom:0px;
top:auto;
left:0px;
display:block;
width:100%;
background-color:#a3a3a3;
border-top:2px solid #000;
margin:0;
}
</style>

[mgdpublic]

Originally posted by Paul Jr
If you just want it at the bottom of the window, this should work for ya:

<style type="text/css">
#footer {
position:absolute;
bottom:0px;
top:auto;
left:0px;
display:block;
width:100%;
background-color:#a3a3a3;
border-top:2px solid #000;
margin:0;
}
</style>


You'll have to forgive my ignorance, I havent done the CSS tutorial over at W3 yet. Would this go in the header and then be "called" by using #footer in the body? What is the proper way to call it?
Soon I won't ask such dumb questions. Thanks.

[Paul Jr]

#This goes inbetween the "head" tags
<style type="text/css">
#footer {
position:absolute;
bottom:0px;
top:auto;
left:0px;
display:block;
width:100%;
background-color:#a3a3a3;
border-top:2px solid #000;
margin:0;
}
</style>

#This goes in the "body" tag
<div id="footer">The footer text blah blah</div>

Try that.

[mgdpublic]

Originally posted by Paul Jr

#This goes inbetween the "head" tags
<style type="text/css">
#footer {
position:absolute;
bottom:0px;
top:auto;
left:0px;
display:block;
width:100%;
background-color:#a3a3a3;
border-top:2px solid #000;
margin:0;
}
</style>

#This goes in the "body" tag
<div id="footer">The footer text blah blah</div>

Try that. That worked but for whatever reason added another HR line (I already had one in there). In either case, I don't think it's gonna work with other aspects of the page. :(

[Paul Jr]

Ah, that's the top border. Here's the code that'll just put whatever you place inside it at the bottom of the page.


#footer {
position:absolute;
bottom:0px;
top:auto;
left:0px;
display:block;
width:100%;
margin:0px;
}


Lemme know if that works any better.