OK, but I
don't have any more ideas on how to do this. I can easily
change the CSS which is what I'm doing - that's easy. But, I don't
have
a clue on how to make a box, that is located below another,
dynamically
change it's position as the one above grows and shrinks in CSS.
I don't get it. Don't they do that by default?
<div style="background-color: red; height: 100px"></div>
<div style="background-color: blue; height: 100px"></div>
The blue is below the red one, no matter how much the red one grows.
One idea was two divs within a div and make them
float within the
parent (as we
both mentioned in the previous messages.)
Then they align from left to right, not from top to bottom.
Right, but the "contents" box is next to the top left box (next in
line
to render, right?), is in the center and also grows. There are two other
boxes on the right (which are now "absolute") with fixed sizes.
Maybe everything should float? Or everything should be relative?