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

    Join Date
    Sep 2012
    Posts
    26
    Rep Power
    0

    Footer Issue


    Am using relative positioning to stack elements here but can't get footer to stick to the bottom. Here's the relevant code. The rest is viewable at www.debbierking.com/ks. I've got borders around the main divisions to show them more clearly.

    Code:
    header { /*includes  social, nav, Karen's Salon header*/
    	position: relative;
    	top: 10px;
    	height: 200px;
    	border: 1px solid #000;
    }
    
    #heading { /*Karen's Salon header*/
    	clear: both;
    	position: relative;
    	top: 30px;
    	width: 100%;
    	border: 1px solid #000;
    }
    
    #content {
    	clear: both;
    	border: 1px solid #000;
    	overflow: hidden;
            position: relative;	
    	top: 10px;
    }
    
    footer {
     	position: relative;
    	background: url(../img/footer.jpg) repeat-x;
        bottom :0;
    	clear: both;  
        height: 40px;      
        margin:0; 
    	padding:0;
    	width: 100%;
    	border: 1px solid #000;
    }
    Thanks!
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2012
    Posts
    26
    Rep Power
    0
    Got it...for now anyway..thanks.

IMN logo majestic logo threadwatch logo seochat tools logo