Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Keep footer at bottom of browser window

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #171913
    jinesh
    Participant

    Hi,

    I am using WordPress to build my website.

    The footer moves up on pages with less content.

    I have added a CSS code which makes footer stay at the bottom on page with less content. But it shows in middle of page on pages with full content.

    Here is the code I am using:

        html {
        height:100%
    }
    
    body {
       min-height: 100%; 
    }
    
    .footer{
            width:100%;
         height:56px;
         position:absolute; 
         bottom:0;
    
    }
    

    Removing postion from footer fixes it on all the other pages.

    Please tell me how can I fix this.

    Site URL: http://photonicsenterprise.com
    page with less content : http://photonicsenterprise.com/tutorials/scoro-need-speed

    Thanks,
    Jinesh

    #171921
    Mawaha
    Participant
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.