CSS problem getting divisions to line up properly.

[GiffordS]

I guess this is an extension of a thread from last week, but I learned a great deal from that one so I thought I'd come back to the well one more time. Here's the situation...

I have a division, "big", which contains two other divisions "left" and "right", and some content that falls in between. Thanks to the other thread I managed to get those to line up properly. My problem now is that I can't quite manage to get the division below these to line up properly. Everything is called from a php file but the output looks something like this.....

....

<div id="big">
<div id="right"></div>
<div id="left"></div>
content that falls between the right and left divisions
</div>
<div id="next">
content that should fall below the above divisions
</div>

My problem is that when I call the "next" division it doesn't drop below the "big" division. Well, it does drop below, but only if the content in the "big" division extends below the content on the left and right. Otherwise the "next" division rides up under the content in "big" and sits between "left" and "right". Since the content in "big" is variable I cannot dictate the height of that division. But I really thought that I had solved that by putting "left" and "right" inside of "big" with the height of "big" set to auto. My understanding was that by doing this the height of "big" would be the height of the longest of the three divisions, and that by closing "big" before opening "next" I would automatically force "next" below all three as the width of "big" does not allow for another division to the right of it. And yeah, I have no idea if that even made any sense at all.

 

[ChrisHirst]

You need to break the float on or before "next" (assuming your are using floats to position the elements.) by using clear:left | right | both ;

http://www.quirksmode.org/css/clearing.html

Chris.

Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.
People Counting Systems

So long, and thanks for all the fish.