Topic: Using CSS to create a box that sticks to the bottom of the page... (Page 1 of 1) |
|
---|---|
Obsessive-Compulsive (I) Inmate From: USA |
![]() What I'm trying to do is create a structural element, a box, that sticks to the bottom of the page, no matter what. Here's what I've got so far: code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
Bipolar (III) Inmate From: Minnesota |
![]() I use the following on my site. It only works on Firefox and I think Opera, it is not supported by IE code: #footerarea { |
Nervous Wreck (II) Inmate From: USA |
![]() I appreciate that, but I need something that works for IE 5.5+ and Firefox 0.9+. Thanks, however. |
Bipolar (III) Inmate From: Minnesota |
![]() Do you want it to float at the bottom of the window while you scroll through the content? or just be the bottom of the page. Using fixed will keep it floating there in Firefox, but attaches it to the bottom of the page in IE. |
Paranoid (IV) Inmate From: France |
![]() In IE5.5 you could use a behavior to force the position of the DIV according to the height of the DIV, window and scrollTop. |