Elements overflow container when scrollbars appear

Question

I'm building a site layout ( should be cross-browser ie7,8,9 and all the recent ones ) and everything was great until i tried to zoom in. When the scrollbars appear, the header's floated elements move out of its container ( so it seems ).

Currently the behaviour persists on every browser, and also the page is using a sticky footer so i can't really modify the main structure i guess.

Here is the page: http://www.mindsinfusion.com/k/

Any ideas on how to fix this? Am i doing something terribly wrong ?

Thanks

Roy Rico · Accepted Answer · 2012-10-01 19:02:01Z

1

Your #pageHeader & footer DIV's are defined for 100% width, which applies to the window. when you zoom, you're window effectively is getting smaller.

I tried adding a min-width: 1030px; to your css and it worked, in chrome & firefox, but it may not be fully cross-browser solution.

answered Oct 1, 2012 at 19:02

Roy Rico

3,8496 gold badges38 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

mfreitas Over a year ago

That worked like a charm m8, and works in all ie's. Thanks :-)

Collectives™ on Stack Overflow

Elements overflow container when scrollbars appear

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related