CSS First/Dynamic HEIGHT

Hello , can i do anything in order to set up an dynamic height for a DIV?
I can't just do 100%, because if the text will be 200% then the rest of 100% will be falling down outside the div...



If I don't set up an HEIGHT=XXX then the DIV will be dinamic, but if there gonna only be 50px height of text then the div will only be 50px in height, not 100%

 

Well, you can't, not on normal containers, not without many CSS tricks.

You can set your whole page to 100% height using the Paul O'Brien method.

You can try to set some containers to min-height: 100% though I've tried it in some other pages without success... you could try min-height: somany px instead... this will allow the container to grow if text is 200%. IE6 and below need to be told height: somany px cause it doesn't know what min-height is AND luckily it lets containers grow with content.

div {
min-height: 100%;
}
* html div {
height: 100%;
}