PDA

Просмотр полной версии : ДИВ исчезает при бордер > 0


automatix
12.03.2006, 15:00
Доброго времени суток!
Сверстал (или еще верстаю) блоками страницу:верн, низ, середина
середина делится на три "колонки"Проблема в седующем: как только добавляю одному из трех центральных (по вертикали) блоков border, правый блок в Мозилле испаряется...

ЗЫ Код, кому интересно, в аттаче.

automatix
12.03.2006, 16:20
В общем, причина, насколько я смог понять, в следующем: три блока с шириной 150-500-150 находятся в контейнере шириной 800. При расширении одного из блоков крайний блок справа выкидывается (в обоих браузерах). Т.к. в Мозилле border и padding "снаружи", то при добавлении бокового бордера суммарная ширина блоков становится больше ширины контейнера, что ведет к "выкидышу" правого блока.

Решение такое же, как и для педдинг (http://flasher.ru/forum/showthread.php?t=66903&highlight=box-sizing%3A+border-box%3B): box-sizing: border-box; -moz-box-sizing: border-box;