Re: Making background images repeat further than screen size on given website

[Mitchell]

This is a problem I have come across a few times when setting heights or widths to 100%.
The viewport when the page loads is classed as 100%, so when you go beyond this by either scrolling or zooming out, the div is no longer shown.

However, your page is structured in a very strange way.
I usually use the follow a basic markup of

HTML

Header (Logo, Ads)





Navigation Links





Content





Footer

CSS

#container {

margin:0 auto;

width: 960px;

}

#header, #nav, #content, #footer {

width:100%;

}

Then obviously style each section how I want it to look, i.e. adding the stripey background to the content div etc. This will then become the right size when the content goes in.