Vertigo
06-09-2012, 02:56 AM
I have the following setup:
<div id="header">
<div id="container">
...
</div>
</div>
header div has a background image with repeat-x and width:100%, and container div has a fixed width of 800px. When I zoom in IE to where the screen width is < 800px, header div's background will only cover the width of the screen. This means if the user scrolls right abit, he'll see some of the content inside container div w/o a backgroud img. Is there a way to make IE comply and make header's background the width of the entire page, not just the screen? (Using IE9 btw) Thanks!
<div id="header">
<div id="container">
...
</div>
</div>
header div has a background image with repeat-x and width:100%, and container div has a fixed width of 800px. When I zoom in IE to where the screen width is < 800px, header div's background will only cover the width of the screen. This means if the user scrolls right abit, he'll see some of the content inside container div w/o a backgroud img. Is there a way to make IE comply and make header's background the width of the entire page, not just the screen? (Using IE9 btw) Thanks!