Link to home
Start Free TrialLog in
Avatar of nzinsli
nzinsliFlag for United States of America

asked on

100% width background cut after shrinking window

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
Avatar of LZ1
LZ1
Flag of United States of America image

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

ASKER

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.
It worked for me in FireFox.
Avatar of nzinsli

ASKER

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.
ASKER CERTIFIED SOLUTION
Avatar of LZ1
LZ1
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial