VPF::левая граница блока div - Форум программистов

AGENTxXx

Дата 19.8.2011, 06:33 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 231
Регистрация: 8.6.2009

Репутация: нет
Всего: 1

Добрый день! Разобравшись с одной проблемой, почти сразу же столкнулся с другой:
Во всех браузерах, кроме IE (пусть уже земля ему будет пухом), левая граница diva нормально отображается, а в IE этот div почему то растягивается на всю ширину, а текст не растягивает.
В итоге текст то нормально отображается (ну хотя padding левый тоже не получается сделать в IE, потому что он его тоже из левого угла вычитает)...
Стили следующие:

Код


.allcontent
{
    margin:0px 15px 0px 15px;
    background-color:#ffffff;
    min-width: 980px;
    float:left;
    position:auto;
}

Это общий блок для левого и правого

Код


.left_content
{
    margin:0px 15px 0px 0px;
    width:270px;
    background-color:#ffffff;
    border-left: 1px solid #96bcd6; 
    float:left;
}

Это левый блок оформлен

Код


.right_content
{
    text-align:justify;
    background-color:#ffffff;
    padding-right:15px;
    overflow:auto;
}

Это правый блок оформлен

Код


.contur_r_b
{
    border-left: 2px solid #0066d5;
    background-color:#eeeeee; 
    margin-left:7px; 
    margin-bottom:10px; 
    padding-left:10px;
    border-bottom: 2px solid #0066d5; 
    border-right: 2px solid #0066d5;
}

Блок, который содержит границы для правого блока.

В начале пробовал сделать как в примере резиновый блок, но тогда он общий блок не растягивает, если правый блок меньше левого.

Как решить эту проблему? Так же, правых блоков может быть несколько, по этому левую границы сделать в виде фона общего блока - тоже не вариант

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »