CODEWITHSUNDEEP
cssscrollbaroverflow
mfreitas
mfreitas

Reputation: 2405

Elements overflow container when scrollbars appear

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

Upvotes: 0

Views: 61

Answers (1)

Roy Rico
Roy Rico

Reputation: 3831

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.

Upvotes: 1

Related Questions