#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2012
    Posts
    26
    Rep Power
    0

    Can't get footer to stay at bottom of page


    I am just about finishing up this site...but have been having trouble with getting the footer to stay at the bottom of the page when the browser is resized vertically.

    Here's the relevant code for the container, content, and footer. The site is at www.debbierking.com/ks.

    Code:
    #container {
    	margin: 0 auto;
    	width: 980px;
    }
    
    #content {
    	clear: both;
    	margin-bottom: 60px;
    	overflow: hidden;
    	position: relative;
    	top: 10px;
    }
    
    footer {
    	background: url(../img/footer.jpg) repeat-x;
    	bottom: 0;
    	clear: both;  
    	height: 40px;      
    	margin:0; 
    	overflow: hidden;
    	padding:0;
    	position: relative;
    	width: 100%;
    }
    Thanks!
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2012
    Posts
    26
    Rep Power
    0
    By the way, I don't want to use position;absolute...as that would mean the footer would always stay fixed on the page as they scroll down. I don't want that...I just want it to be at the bottom when you scroll down the page.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2012
    Posts
    26
    Rep Power
    0
    okay got it.

IMN logo majestic logo threadwatch logo seochat tools logo