Hi.
Picture a site with a banner of varying height at the top of a page,
Below that, div#wrapper-inside
inside div#wrapper
#wrapper-inside
is of fixed width and centered
#wrapper
has a big background-image
Now. When the browser viewport width is smaller than our #wrapper-inside
, we get a nice horizontal scrollbar, and when we scroll to the left, you'll notice that #wrapper
's width stays the same as the browser viewport width.
The problem is that #wrapper
scrolls along and the background-image gets cut off.
Can this be fixed with css alone, if not, jQuery?