Can anyone tell me how do i make the footer div touch the bottom of browser ?

Discussion in 'CSS' started by hansab, Apr 11, 2010.

0
  1. #1
    Through css, i want the footer div to touch the bottom of browser, no matter if middle area contains content or not, no matter what screen or browser size is. The div should be touching the bottom.

    I have tried this

    div#bottom-bar {
    background-color:#A5D2ED;
    border-top:3px #2572A3 solid;
    height:47px;
    bottom:0px;
    margin-bottom:0px;
    }


    Pleaseeeeeeeeeee help.
     
    hansab, Apr 11, 2010 IP
  2. s_ruben

    s_ruben Active Member

    Messages:
    735
    Likes Received:
    26
    Best Answers:
    1
    Trophy Points:
    78
    #2
    Try 

    
div#bottom-bar {
background-color:#A5D2ED;
border-top:3px #2572A3 solid;
height:47px;
position: fixed;
bottom: 0px;
}
    Code (markup):
     
    s_ruben, Apr 11, 2010 IP