Michal Cizmazia wrote: > Thank you, Els. > >> IE is doing it wrong. >> You now have the sequence as 1 left, 1 right, 1 left, 1 right. >> Because the second right comes after the second left, it >> starts at >> the same height as the second left, which is not at the bottom >> of >> first right, since that one is shorter than the first one on >> the >> left. > > But that is the very problem I have with FF and Op rendering, > which I > have not known to solve yet. > >> Just change the sequence - first the two on the left, then the >> two >> on the right, then the text. > > This does not help. > If the order is 2 left and then 2 right "clear floats", > then the first right float starts at the same hight as the > second > left (in FF, Op).
Yes, I see. Didn't think long enough before I replied, sorry. > The "clear: left" of the second left div pushes the following > right > floats to its starting height as you mentioned. It's not the clear:left that does that, it's the sequence. The element following a floated element, does not rise above the startig line of that floating element. Same as if you float an image left, even without clearing, the following paragraph will start at the same level as that floated image. The solution for this particular set of images, would be to change the order to: #2, #1, #4, #3. That way, #1 wants to stay at the same level as the preceding #2, #4 wants to stay at the same level as the preceding #1, but is pushed down by #3, #3 wants to stay at the same level as #4, but is pushed down by #1. Obviously, every set of floated divs/images requires a different order, depending on the height of each element. The above sequence works for this particular set. -- Els http://locusmeus.com/ http://locusoptimus.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
