Question

I have a problem with my page when I minimize a browser, say horizontally, and theres overflow. When I scroll over to the hidden section from minimizing, my whole page section is blank.

Does anyone know why this happen? I have set my div’s to a certain height (i.e. 900px, and not a percentage)?

Answer 1

From your comment, that could well be your problem; your fixed width. Try replacing width with max-width.

max-width will behave much the same as width while the containing element is that wide or wider, but will allow the div to contract when it gets smaller than the width you set.

There’s a simple example here. Stretch and resize the bottom right panel to see it in action. If this doesn’t work, we’ll need to see a page link or a demo on JSFiddle.