Can't get my footer to stick to the bottom |
Can't get my footer to stick to the bottom |
cssaddict |
May 7 2012, 11:44 AM
Post
#1
|
Member Group: Members Posts: 53 Joined: 20-October 10 Member No.: 12,969 |
I'm sure it's simple. But at this point, I can't seem to figure it out. Any ideas?
http://tinyurl.com/83g7cny |
cssaddict |
May 7 2012, 01:19 PM
Post
#2
|
Member Group: Members Posts: 53 Joined: 20-October 10 Member No.: 12,969 |
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 |
Frederiek |
May 8 2012, 01:19 AM
Post
#3
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
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/ |
olgamar |
May 22 2012, 04:59 PM
Post
#4
|
Group: Members Posts: 7 Joined: 12-December 11 From: Russia Member No.: 16,053 |
Its easy. You need to put special div - <div id="wrapper">. Put here:
<body> <div id="wrapper"> .......................... </div><!-- #wrapper --> <div id="footer"> </div><!-- #footer --> </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. |
Lo-Fi Version | Time is now: 26th April 2024 - 03:54 AM |