Баг ff? margin-top
Давно когда-то сталкивался с данной ерундой в ff, но на дворе уже 20-ая или какая там версия ff, а эту ерунду до сих пор вижу и не могу понять то ли лыжи не едут, то ли я ... Собственно, ближе к делу. Вот код:
[code=htmlphp] <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тестинг</title> <style> * { margin:0; padding:0; } .wrap { width:600px; background:red; margin:0 auto; } .section { background:blue; } .section:after { content:""; display:block; clear:both; } .section--content { float:left; } .footer { margin:50px 0; } </style> </head> <body> <div class="wrap"> <div class="section"> <div class="section--content"> test<br> test<br> test<br> test<br> </div> </div> <div class="footer"> </div> </div> </body> </html> [/code] Кто пояснит почему margin-top блока с классом footer влияет на margin-top блока wrap? А точнее блок wrap получает значение margin-top равное значению margin-top блока footer. Ни про какие схлопывающиеся margin речи не идет т.к. над блоком footer есть ещё один блок. Во всех браузерах все отлично и правильно. А вот ff выделывается. |
[code=htmlphp] >> [html run]
|
Цитата:
Не знаком с механизмом рендеринга браузеров, но полагаю проблема при подсчете верхнего марджина родителя, видимо почему-то игнорится очистка потока после float'а и расчитывается с учетом схлопывания. Тем не менее, при расчете layout'а содержимого, все расчитывается правильно. |
| Часовой пояс GMT +3, время: 14:33. |