Question

I have a container div, conteining 3 divs, a sidebar, a content and a header while all the elements inside are rendered as they should (they are positioned as “relative” if this may influence in my problem), the sidebar and the content render min-height: 100% as I need, the div containing them won’t adapt to those 3 elements, acting like overflow: visible, while I don’t want the content to overflow, I want the whole page to scroll and the div to adapt to the content size…

I tried to put my code here : http://jsfiddle.net/vhZV6/

I also cut out some of the graphical tweeks wich should not influence at all… here is a screen of my problem too:

I don’t need old broweser integration on this matter (as IE 5/6).

Answer 1

Try adding overflow:auto; to your .container div.