CODEWITHSUNDEEP
cssimagewindowwrapperstretch
Jambo
Jambo

Reputation: 3097

CSS - Making a repeating background image stretch to browser window size

This is a problem with a theme that I bought, and I have already tried to contact the owner (with no luck).

It should be a fairly easy fix, it's just that I can't work out how to do it! (I have done my research).

You can view the theme here: http://igeekify.com/_templates/liftoff/www/

To re-create the problem, just drag the window size so that it is smaller in width than the content, then scroll to the right. You will notice the header background doesn't stretch all the way.

The background image is for the DIV '#frame-header', which has the class '.wrapper'. I believe that the problem has something to do with the width of '.wrapper' which is defined.

Any help is really appreciated!

Upvotes: 0

Views: 455

Answers (2)

sunjeep
sunjeep

Reputation: 128

Try using the following code:

image width:100%;

Upvotes: 0

BumbleB2na
BumbleB2na

Reputation: 10743

I think you might need to add a min-width property to the 'frame-header' div:

<style type="text/css">
#frame-header
{
    min-width: 940px;
}
</style>

Upvotes: 1

Related Questions