The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Can't get my footer to stick to the bottom
cssaddict
post 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
cssaddict
post 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post May 8 2012, 01:19 AM
Post #3


Programming Fanatic
********

Group: Members
Posts: 3,541
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/


--------------------
"The earth does not belong to us. We belong to the earth."
from Vue du ciel (in French)

"Leave scepticism to others and take action"
from HOME by Goodplanet

An inconvenient truth by Al Gore
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
olgamar
post 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.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Cascading Style Sheets · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 22nd May 2013 - 01:53 AM
Invision Power Board © 2013  IPS, Inc.
Licensed to: HTMLHelp.com, LLC