WordPress.org

Ready to get started?Download WordPress

Forums

Page footer half way down page? Help! (4 posts)

  1. fawkesblog2
    Member
    Posted 3 years ago #

    My blog is at http://chrisfawkes.net/

    The only page i have set up so far is the about section at http://chrisfawkes.net/blog1/about/

    On a 20 inch monitor all looks good but when i checked it on a 30 inch the footer ends about 2/3 down on the page with just space underneath it. I have been able to fill that space with color similar to my tiled background but is there a way to make the tiles fill any browser screen?

    Thanks in advance

  2. fawkesblog2
    Member
    Posted 3 years ago #

    .

  3. Ganners
    Member
    Posted 3 years ago #

    Okay, so at the moment your background image is on this:

    #pageborders {
    background-attachment: fixed;
    background-image: url(http://chrisfawkes.net/blog2/wp-content/uploads/2010/11/TileLeather3.jpg);
    border-top: 20px solid black;
    min-height: 100%;
    }

    The way you'd fix it would be to put

    background-image: url(http://chrisfawkes.net/blog2/wp-content/uploads/2010/11/TileLeather3.jpg);

    into your CSS Body

  4. fawkesblog2
    Member
    Posted 3 years ago #

    Thanks Ganners

    I found adding the following code to the bottom of the style.css makes the browser screen fill with my tiled background. The footer does not sit at the bottom though but this is much better than a blank white space.

    * {
    margin: 0;
    }
    html, body {
    height: 100%;
    }
    .wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
    }
    .footer, .push {
    height: 4em;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.