[Avenir]

There has to be a really simple solution to this that I'm missing, but I searched and couldn't find any answers.

I know a div can have its height set to "auto" and will adjust based on images, tables, text inside it. But is there a way to make the div resize based on other divs that are encased within it? I know that the divs aren't really inside it. other than their placement in the code, but is there a way to make the base div resize based on the other divs inside it? Thanks in advance.

[registered_user]

a div will automagically expand to hold its contents as long as its contents is not floated or positioned absolutely. (that is to say relative)

so if you have

<div class="container">
<div class="blah">blah</div>
<div class="wow">wowee wow wow wow</div>
</div>

div.container will extend vertically to contain div.blah and div.wow regardless of their heights.

Floated and absolutely positioned elements are removed from the document's flow however. So if you were to set div.blah and div.wow to position: absolute, then div.container will have a height of 0 because all of its children are positioned outside of the document's flow.

[Avenir]

Synotic has held my hand and walked me through it all. I was using absolute positioning (which I know now is a bad, bad, bad thing, always). So, I'm ok for now.