jperezmt

I looked and tried so many solutions but for some reason this is not working for me.

http://developer.surefirewebservices.com

I can't get the damn footer to stay at the bottom.

If you have the web developer plugin for firefox you can see the css and the source code, if not I'll just place a snippet:

#Navigation_100 {
width:100%;
height:55px;
background:url(/images/Nav_BG.gif) repeat-x;
position:absolute;
top:0px;
}


#header_100 {
position:absolute;
top: 55px;
width:100%;
background:url(/images/Header_BG.gif) top repeat-x;
height:194px;
}
#header_arrow { bottom:1px; position:relative; }


#body_100 {
width:100%;
position:absolute;
top:249px;
}
#body_left { width:615px; float:left; }
#body_right { width:309px; float:right; }

#footer_100 {
width:100%;
position:absolute;
bottom:0px;
background:url(/images/footer_bg.gif) top repeat-x #000;
height:183px;
}

#Navigation_Fixed, #header_Fixed, #body_fixed, #footer_fixed {
width:924px;
margin:0 auto;
position:relative;
}

#body_fixed, #body_100, #body_left, #body_right { margin-bottom:-183px;
padding-bottom:-183px;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}





I Need Help!!!!!! Thanks!

Also, It is a 2 colum layout so I'd like the footer to keep moving down if text is added to either column.

__________________
Build Your Web Presence

Bagi Zoltán

Please try with this


and insert this <div style="clear:both"></div> above this <div id="footer_100">

__________________
█ Time may come when you will need an excellent eCommerce shopping cart software
█ free seo related web directory online marketing Free shopping cart

jperezmt

=( It didn't work

__________________
Build Your Web Presence

jperezmt

This div height stuff is a headache. Not only can't I put the footer on the bottom, but I'm also trying to make my content box stretch vertically with the content, but the side divs don't stretch with it!!!!!!!

Argh, ANYONE ANY SOLUTION WOULD BE GREAT!!!!!!

__________________
Build Your Web Presence

jperezmt

I did IT!!!!!

I don't know how but holy crap!, it works in IE and FireFox. Check out the code:

html, body { background-color: #f8f7e9; height:100%; }

#container { width:100%; position:relative; top: 0px; left: 0px; border:0px; height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}
#body_fixed {
height:auto !important;
height:100%;
min-height:100%;

}
#footer_100 {
width:100%;
background:url(/images/footer_bg.gif) top repeat-x #000;
height:183px;
position:relative;
bottom:0px;
left: 0px;
margin-top:15px;
_padding-top:15px;
}


And I have a container div wrapped around everything. It's displaying perfect. I understood why to use the negative margin but, I didn't and I don't know why this works. If anyone has any insight!! I'm just happy now!

__________________
Build Your Web Presence

fpforum

congrats! CSS code looks good, and figuring it out on your own will help you more in the long run

__________________
Easy Web Hosting - Shared web hosting packages starting at just $1.49 per month!