webwiz — Tue, 03 Jul 2007 01:03:19 +0000

Quote: How can i get the divs to act like so that as the content fills up the div it will extend

"display: table;" or "display: table-cell;" should do it. Only for modern browsers, though.

There may be other solutions for The World's Favorite Browser[TM]. We'd need to see your page first, though.

Cordially, David.

benf — Mon, 02 Jul 2007 10:53:40 +0000

i need to be more clear. When i say higher i mean by the height of the parent divs height to expand with the child div as the content fills it up. i have been specifying min-height as 500px by also setting the height to 100% because i dont know what the max-heght will be!

The child div is fine, it expands as more text is placed inside of it, but its parent div will not expand with it?

brady.k — Mon, 02 Jul 2007 06:15:00 +0000

What do you mean "push...higher"? As far as I know, expanded content pushes content DOWN... always. I guess I could be wrong, maybe with some Javascript thing...

If you want to control size, you can specify "height", "min-height", and "max-height"... "overflow: auto;" would allow scrolling... but "overflow: none;" wouldn't.

So... I think you either have to choose between the div sizing itself and pushing down the page, or a scrolling content div.

pr0gr4mm3r — Sun, 01 Jul 2007 19:22:51 +0000

Are you specifying the 'height' of the parent DIVs? That might be a problem. Consider using 'min-height' instead.