Белая полоса в мозилле

[Zverushka]

http://zverushka.zz.mu/test5/ В самом низу на границе волнистой границы в мозилле белая полоса, в хроме нет. Не могу понять причины сего поведения и отображения и как исправить.

Edited November 6, 2013 by Zverushka

[advokatua]

- padding грохни у .content

- margin-top у нижнего блока еще можно увеличить, только как и первое - в фаере и хроме будут разные отступы внизу

 

- похоже на странную мутку у картинки внизу, попробуй и так

 

.img-wrap {

 background: url(../img/img-wrap1.png);
 width: 447px;
 height: 386px;
 line-height: 386px;
 margin: -10px 20px -10px -76px;
 text-align: center;
}

Edited November 6, 2013 by advokatua

[SelenIT]

Похоже, что каким-то необъяснимым образом .img-wrap.left распирает фактическую высоту .brown, мешая нижеследующему блоку «наехать» на нее (несмотря на фикс. высоту). Задание ему (img-wrap.left) нижнего margin-а в -10px вроде бы решает проблему и не должно мешать остальным. Возможно, издержки плясок с float-ами и клиренсами, хотя по первому впечатлению очень смахивает на баг.

[Zverushka]

Спасибо огроменное. -10пикселей для картинки помогли. Сама бы я никогда не догадалась до подобного. Я даже сейчас не втыкаю почему это работает.

Кстати, на счет клиренсов. Чтобы городить поменьше оберток, я решила их почаще использовать. Хорошая ли это практика?..

Edited November 6, 2013 by Zverushka

[SelenIT]

Я тоже пока не понял. Видимо, дело в том, что float — вообще очень странный предмет: вроде в потоке, а вроде и нет. Отсюда и разночтения в том, как флоаты влияют на своих соседей, тем более сама спецификация многое дает на откуп браузерам...