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

    Join Date
    Jan 2013
    Posts
    1
    Rep Power
    0

    Footer expands on Chrome


    My footer works fine and on place on Explorer, but when it comes to chrome, it expands as showing in the attached photo.

    http://postimage.org/image/f88z4y4m1/

    How can I eliminate this white space under my footer?

    Here is my CSS sheet:

    Code:
    *{
    margin:0px;
    padding:0px;
    }
    img{border:0px}
    html{
    width:100%;
    height:100%;
    background-color:#163039;
    }
    
    body{
    width:1000px;
    height:100%;
    position:relative;
    margin:0 auto;
    background-image:url(imgs/bg.gif);
    background-position:top left;
    background-repeat:repeat-y;
    }
    
    html > body{
    height:auto;
    min-height:100%;
    }
    
    #header{
    width:1000px;
    background-image:url(imgs/header_bg_2.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    padding:301px 0 96px 0
    }
    .logo{
    position:absolute;
    top:190px;
    left:155px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#595959
    }
    #content{
    width:900px;
    padding:0 0 50px 50px;
    overflow:hidden;
    }
    fieldset
    {
        width:170px;
        height: 100px;
        padding:5px;
    }
    #footer
    {
    
    background-image:url(imgs/footer_bg.jpg);
    
    }
    #footer p{
    
    padding:40px;
    }
    #lbg 
    {
        width:300px;
        background-color:#25383C;
        color:White;
    }
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Oct 2009
    Location
    Nebraska, USA
    Posts
    867
    Rep Power
    275
    without any other info to go on [no html posted] my guess would be the 40px padding you have set for #footer p element.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2013
    Location
    London
    Posts
    7
    Rep Power
    0
    Originally Posted by aspuny
    How can I eliminate this white space under my footer?
    seems the 40px padding in the footer could be the problem it has a background image as well. remove the padding to see if it works
    Last edited by Kravvitz; January 9th, 2013 at 02:38 PM. Reason: must we quote the whole post? :p
  6. #4
  7. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2013
    Location
    London
    Posts
    7
    Rep Power
    0
    it could also be possible that you have created some div which you have not mentioned here

IMN logo majestic logo threadwatch logo seochat tools logo