Page footer half way down page? Help!

  • fawkesblog2

    (@fawkesblog2)


    13 years, 2 months 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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter fawkesblog2

    (@fawkesblog2)

    13 years, 2 months ago

    .

    Ganners

    (@ganners)

    13 years, 2 months 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

    Thread Starter fawkesblog2

    (@fawkesblog2)

    13 years, 2 months 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;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Page footer half way down page? Help!’ is closed to new replies.