Три колонки в 100% - как добавить отступы?

[d0ublezer0]

Здравствуйте.

http://joomla.bardov.nnov.ru/

Верстка в три колонки, в контейнере columns колонки cleft(20%), cmiddle(80%), cright(20%)

Как только добавляю padding к колонкам, правая колонкаслетает вниз, под среднюю.

Как этого избежать?

Пробовал добавлять margin к блоку wrap, в который обернут каждый блок контента в колонках - это свойство не отрабатывает.

[Searcher]

класс .wrap раздвигает колонки из-за того, что указана ширина 100% и бордер в 1px, в результате получается ширина 100%+2px

И еще .round-corner тоже раздвигает колонки опять же за счет того, что 100% увеличивается на padding.

В FF просто горизонтальная полоса прокрутки возникает, я IE переносит правую/

[d0ublezer0]

класс .wrap раздвигает колонки из-за того, что указана ширина 100% и бордер в 1px, в результате получается ширина 100%+2px

И еще .round-corner тоже раздвигает колонки опять же за счет того, что 100% увеличивается на padding.

В FF просто горизонтальная полоса прокрутки возникает, я IE переносит правую/

Если убрать у wrap и у round-corners ширину 100%, то в IE обрамление блока расползается (бордюр)

[Searcher]

Надо убирать не ширину в 100%, а padding и border.

в FF ничего не расползается, если убрать ширину, а в IE мне сложно представить, надо видеть...

Edited January 16, 2009 by Searcher

[d0ublezer0]

Border мне нужен.

Без него блоки не выделяются на странице

[Vlad]

Вставляй в колонки еще один слой и уже для него задавай нужные границы и отступы, тогда ничего не посыпется.

[d0ublezer0]

Вставляй в колонки еще один слой и уже для него задавай нужные границы и отступы, тогда ничего не посыпется.

Да, помогло, отступы появились.

Только в IE теперь слетает правая колонка, о чем говорил Searcher.

Причем только в IE6, в седьмом всё нормально

Edited January 16, 2009 by d0ublezer0

[d0ublezer0]

Помогите пожалуйста обойти этот глюк

[Vlad]

В IE проблемы с суммированием ширины колонок, да и вообще плюсовать разные значения он умеет слабо. Поставь _width: 79% для одной из колонок вместо 80%.

[Searcher]

Влад, у него колонки расширяются, потому что он в колонки вставляет блоки, указывает им такую же ширину в %, что и колонкам и еще указывает блокам отступы и бордер. После этого блоки расширяют колонки, в которых находятся, и все начинает расползаться.

[d0ublezer0]

В общем, для IE6 сделал третью колонку 19%, другого выхода не нашел.

[Vlad]

Влад, у него колонки расширяются, потому что он в колонки вставляет блоки, указывает им такую же ширину в %, что и колонкам и еще указывает блокам отступы и бордер. После этого блоки расширяют колонки, в которых находятся, и все начинает расползаться.

А смысл?! Ширина колонки один раз задается и все.

[d0ublezer0]

Влад, смысл в моем случае в том, что по другому не получается оформить информационные блоки скругленными углами и бордюром так, чтобы они одинаково отображались в большинстве браузеров.

Если бы все поголовно использовали Firefox, то и проблем бы не было