liberti Posted April 17, 2009 Report Share Posted April 17, 2009 Hi Webbers! I would like the footer to stay at the bottom of the page with varying lengths. here is the css. PS I probably have way too much code, that is probably my problem! html, body { margin: 0; padding: 0; border: 0; /*To ensure browser does not allow extra characters around content*/ height: 100%; width: 100%; background-image: url(/valley-files/images/backgroundtowhite.gif); background-repeat:repeat-x;/*I hope this makes the graphic wider but not longer!*/ font-family: Arial, Helvetica, sans-serif; padding-bottom:25px; } .container { min-height: 100%; /*makes footer go to bottom*/ height: 100%; position: absolute; /* voice-family: "\"}\""; voice-family: inherit;*/ } div.footer { width: 649px; Height: 25px; bottom: 0px; margin: 0 0 0 0; left: 155px; font: Arial, Helvetica, sans-serif; text-align: center; font-size: 14px; text-decoration: none; color: #7e4294; font-weight: bold; z-index:10; position: absolute; } Here is my HTML! The .container div is surrounding all content! Thanks, Liberti Quote Link to comment Share on other sites More sharing options...
Andrea Posted April 17, 2009 Report Share Posted April 17, 2009 add a clear: both; to your footer CSS Quote Link to comment Share on other sites More sharing options...
Wickham Posted April 17, 2009 Report Share Posted April 17, 2009 Have a look at examples here (three column layouts fixed/fluid):- http://www.visibilityinherit.com/tools.php and here:- http://www.visibilityinherit.com/code/height-stickyfooter-centered-example.php and two methods items 1a and 1b here:- http://www.wickham43.net/headerfooterfix.php Quote Link to comment Share on other sites More sharing options...
liberti Posted April 17, 2009 Author Report Share Posted April 17, 2009 I added that to my css but it is still in the middle of the page. here is one of the many pages this is not executing correctly. http://www.moval.edu/aboutmvc/history-2009.asp Quote Link to comment Share on other sites More sharing options...
falkencreative Posted April 17, 2009 Report Share Posted April 17, 2009 Here is the method I personally use (using it on my site at the moment) http://www.themaninblue.com/writing/perspective/2005/08/29/ Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.