Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Cascading Style Sheets _ Can't get my footer to stick to the bottom

Posted by: cssaddict May 7 2012, 11:44 AM

I'm sure it's simple. But at this point, I can't seem to figure it out. Any ideas?

http://tinyurl.com/83g7cny

Posted by: cssaddict May 7 2012, 01:19 PM

QUOTE(cssaddict @ May 7 2012, 11:44 AM)

I'm sure it's simple. But at this point, I can't seem to figure it out. Any ideas?

http://tinyurl.com/83g7cny

Nevermind. Figured it out. Yup...it was simple. Duh

Posted by: Frederiek May 8 2012, 01:19 AM

So, how did you it? There might be other forum members who would like to know too.

Some hints:
http://css-discuss.incutio.com/wiki/Footer_Info
http://www.cssstickyfooter.com/
http://ryanfait.com/sticky-footer/

Posted by: olgamar May 22 2012, 04:59 PM

Its easy. You need to put special div - <div id="wrapper">. Put here:

<body>

<div id="wrapper">

..........................

</div>

<div id="footer">
</div>

</body>
</html>

CSS style for wrapper

#wrapper {
width:?px; /* width of your layout -------------------------------------------------*/
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
background-color:#?;
}

Add to that its better to use <ul> <li> instead of <td> for menu. And shift <cellpadding="0" cellspacing="0"> from HTML to CSS.