 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 |
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 |
|
|
|
| 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. |
|
|
|
|
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:
|
Lo-Fi Version | Time is now: 19th April 2024 - 08:28 PM |
Invision Power Board
© 2024 IPS, Inc.
Licensed to: HTMLHelp.com, LLC