Michal Cizmazia wrote:
> I want to have a text with floating divs (e.g. images) on both
> A sequence of "float clear" divs is followed by text (that is
> a sequence of paragraphs).
> The example (and screenshots)
> illustrates the problem.
> (IE reneders it like I want, but FF an Opera leave unwated
> space on between the right side floats.)
> How can I achieve it?
> Enclosing all of the left floats into the left big one and the
> same with the right ones does not solve the problem, because
> the width of floating divs (e.g. images) can vary.
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
Just change the sequence - first the two on the left, then the
two on the right, then the text.
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/