Bruno Fassino wrote:

Tobbe Lundberg wrote:
>>
>> There is a 40px margin below #box. It shouldn't be there. The 40px
>> margin comes from #wrapper, but since #wrapper is much shorter than
>> #box that margin shouldn't make any difference. Firefox 2 and Opera
>> 9 gets it right. ....
>> The address should be http://tlundberg.com/ie7.html
>

> Interesting! It is similar to this old bug that affects IE/Win 5, 6, 7 (and
> also affected Opera 7-8)
> http://www.brunildo.org/test/IEFloatClearMargin.html where the margin
> applied even when unnecessary comes from an element beside the float.
> IE seems to have many problems of this type (margins, paddings lost or
> incorrectly applied, in presence of floats and clears.) And these are not
> fixed in IE7.
>
> Bruno

Hi Bruno and Tobbe

IE will transfer a margin-bottom from an element, being default or otherwise to 
below a float. The element in question can come before or after the float in 
the source, or contain the float.

Tobbe, you example gave me the push to complete the test page I had been doing. 
The height of the actual float is a somewhat strange factor in the first three 
examples and the last two examples (base on your example). If the height of 
float is greater than the margin-bottom of the element with the margin, then 
the bug is triggered. The bug is always present if the element with the 
margin-bottom comes before the float. Here the demo. 

http://css-class.com/test/margintransferencebug.htm

This is a similar bug with two floats in it which I saw on your site Bruno or 
was it Gerald Talbot's site. Well I see another test where the margin is 
transferred.

http://www.brunildo.org/test/Op7_margins_float.html

Kind Regards, Alan

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/

Reply via email to