Проблема с высотой блоков

[Aleksandr.L]

Добрый день, решил сверстать данный макет и столкнулся с проблемой, а именно: в браузерах Firefox и IE10, блок с контентом становиться чуть меньше, чем в браузерах Google Chrome и Opera. Не могу понять, почему так происходит, и что я делаю не так?

 

Google Chrome, Opera:

 

Firefox, IE10:

 

Вот сама верстка: http://clck.ru/8vxti

Edited December 5, 2013 by Aleksandr.L

[Zverushka]

По ходу все дело в  line-height. Задай для боди например, 1.2  и у тебя везде будет как в файрфоксе.

Edited December 5, 2013 by Zverushka

[Aleksandr.L]

Задал, но все равно отступ в 1px появляется в Chrome и Opere: http://clck.ru/8vxti

[Zverushka]

Или округляет по-разному (не знаю 19.2 пикселя в файрфоксе - это реальная или лишь отображаемая величина? Потому как хром посчитал 19,1875) или шрифт чуть играет в каждом браузере. Надо по-другому блоки равнять, ведь что будет если строчку текста убрать или подставить? все опять поедет. н-р, надо одинаковую высоту колонок сделать

Edited December 5, 2013 by Zverushka

[ryter]

у вас как-бы высота блоков разная от этого и отступ 

[Aleksandr.L]

Наверно я не правильно определил саму структуру

Как можно имитировать колонки одинаковой высоты для блоков aside и content? Взять их в отдельный див, а дальше фон... Вот как его ложить?

[Z1gnet]

как вариант можно использовать проверенный способ. задать нижний паддинг 9999рх и нижний марджин -9999рх. а родителю задать overflow:hidden что бы обрезать все лишнее. тем самым создается иллюзия того что блоки равные по высоте.  вот набросал http://codepen.io/anon/pen/qwCcx

[Aleksandr.L]

Zignet, благодарствую, все прекрасно работает.

 

Всем спасибо, проблема решена!

Edited December 6, 2013 by Aleksandr.L