100% width background cut after shrinking window

nzinsli
nzinsli used Ask the Experts™
on
I'm working on a site redesign and noticed an issue with my background colors that are stretched across the browser width. If you load the site and shrink the width of the window until you get a horiz scroll bar, and then scroll to the bottom right, you'll notice the grey behind the homepage slider and the grey/orange footer section get cut off. Whats causing this?

http://bit.ly/KZMxin
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
LZ1
Top Expert 2011

Commented:
Instead of a min-width of 100%, try giving the #footer, #homefeeds a min-width of 990px

Author

Commented:
Then it doesnt stretch to 100% after you expand the browser back out. I think I've fixed it by adding a content wrapper inside each of those divs with a min-width of 990.
LZ1
Top Expert 2011

Commented:
It worked for me in FireFox.

Author

Commented:
Ahh, min-width:990px works if I take off float:left;

Doesnt fix the grey behind the slider, but I think I can fix that with an empty content div, unless anyone has a better solution.
Top Expert 2011
Commented:
Do the same thing with the #homeSpottedBg.  Give it a min-width and possibly a container div.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial