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: 4,876
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/
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

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

 



- Lo-Fi Version Time is now: 30th August 2015 - 02:58 PM