WordPress.org

Ready to get started?Download WordPress

Forums

Full Width background image Twentyeleven child theme (2 posts)

  1. Maracas1970
    Member
    Posted 1 year ago #

    Hello WordPressers.

    I have built a site for a friend here http://www.mariaclarkphotography.com

    All seems to work OK in every browser apart from IE8-9

    That is to say that the full width background image i have doesn't display correctly in IE8-9.
    What seems to be happening is that the image is cut at the bottom of the pages with more content vertically, and when i minimise the browser window size using control+minus the image seems to stick to the left of the screen, leaving whitespace to the left.
    So I guess it`s not centering properly, and theres something up with the height.

    Currently i`m using a CSS background-image and no inline image on the page, so thus:

    body.custom-background {
    
        background-image: url("images/dof.jpg");
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    
    }

    I have tried a load of different techniques, some included on the Chris coyier post here > http://css-tricks.com/perfect-full-page-background-image/ to no avail.

    Anyone got a tip or trick i might try?

    Thanks

    Marcus

  2. Maracas1970
    Member
    Posted 1 year ago #

    Hi

    Still haven't found a solution for this, any help or pointers in the right direction would be very much appreciated.

    Regards

    Marcus

Topic Closed

This topic has been closed to new replies.

About this Topic