My Objective: To have a home page, that has a fixed, static footer. The easiest way to explain this is looking at this website, http://www.foxtie.com/. I'm trying to do something like what they have done with the fox, sticking with the footer, only, I'm wanting the entire footer to not ever move from the bottom of the actual screen.My Code: I've changed, and unchanged, and re-changed it all. So I may be 20 steps farther than I was an hour ago. Here is what I have. (Bear with me, first post here, and I'm very rusty on the html/css).Any help is appreciated.The HTML:\[code\]<html><body><div id="container"> <div id="nav"></div> <div id="content"></div> <div id="footer"> <div id="imginthefooter"></div> </div></div> </body></html>\[/code\]The CSS:\[code\]body { height: 100%; margin: 0px;}html { background-color: #999; margin: 0px; height: 100%;}#container { min-height: 100%; background-color: #666; position: relative;}#content { overflow: auto; background-color:#333;}#footer { background-color:#000; position: absolute; bottom: 0px; left: 0px; width: 100%; height:100px; overflow: hidden; }#imginthefooter { background: url(Images/Elk.png); width:100px; height:300px; z-index:300; bottom: 0px; top: -108px; right: -150px; position: relative;}\[/code\]
Static footer with static image in CSS?
- Thread starter j5alive
- Start date