VPF::Див не тянется по ширине - Форум программистов

Eltimo

Дата 24.9.2008, 13:40 (ссылка)

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

Загрузка ...

Новичок

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

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

Есть див по центру с талицей внутри. Контент должен быть резиновым и растгиватся до правого края страницы.В ИЕ все нормально , а вот в Опере и ФФ див только обхватывает содержимое и не тянется.

Код


<div class="center_second_div" name="ctl00$centerZone" id="ctl00_centerZone" style="border:1px dashed red;">
<table>...</table>
<h1>Прогноз погоды</h1>
<table>...</table>
</div>

Код


.center_second_div{
    position : absolute;
    margin : 140px 10px 0px 260px;
    padding-right:4px;
    z-index : 3;
    width:expression(document.body.offsetWidth-270);
}

Присоединённый файл ( Кол-во скачиваний: 5 )

bug.JPG 74,82 Kb

Eltimo

Дата 24.9.2008, 13:43 (ссылка)

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

Загрузка ...

Новичок

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

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

Вот так выглядит в ИЕ(как и должно быть)

Присоединённый файл ( Кол-во скачиваний: 6 )

ie.JPG 91,38 Kb

webster

Дата 24.9.2008, 19:32 (ссылка)

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

Загрузка ...

Опытный

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

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

В IE так выглядит потому, что вы принудительно растягиваете DIV выражением на заданную ширину:

Код


width:expression(document.body.offsetWidth-270);

Вам же нужно каким либо образом обойтись без position: absolute; который как-раз и является причиной подобного поведения, когда блочный элемент принимает значение размеров в зависимости от содержащегося в нем контента.

Это сообщение отредактировал(а) webster - 24.9.2008, 19:33

8bit

Дата 24.9.2008, 23:17 (ссылка)

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

Загрузка ...

Новичок

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

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

position поменяй в CSS...и всё потянется... smile

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