VPF::Ширина div'a - Форум программистов

max-@

Дата 3.8.2006, 23:28 (ссылка)

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

Загрузка ...

Шустрый

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

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

как мне указать размер блока в пикселях оставшейся до ширины 100% размера браузера если присутствует другой блок размером 210px причем этот блок имеет свойство position:absulute а тот которого надо растянуть relative!

5naip

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

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

Загрузка ...

Шустрый

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

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

помойму никак...
хотя можно попробовать у того,который relative сделать margin-right:211px; и поиграть с шириной в процентах...

ZlojEzh

Дата 4.8.2006, 10:50 (ссылка)

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 285
Регистрация: 8.10.2005
Где: Киев, Украина

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

а "width:100%;margin-left(right):210px;" не поможет? влом пробовать, если честно... ))

тьфу ты... предыдущий пост не дочитал. сорри )

Это сообщение отредактировал(а) ZlojEzh - 4.8.2006, 10:51

Illuminaty

Дата 4.8.2006, 11:35 (ссылка)

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

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

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

А теперь - правильный ответ:

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ширина div'a</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
body {
    margin: 0px;
    padding: 0px;
}
.container {
    width: 100%;
    overflow: hidden;
}
.div_out {
    width: 100%;
    position: relative;
    margin-left: 210px;
}
.div_in {
    margin-right: 210px;
    background-color:#CC9933;
}
</style>
</head>
<body> 
<div class="container"> 
  <div class="div_out"> 
    <div class="div_in">Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла Бла </div> 
  </div> 
</div> 
</body>
</html>

Удачи!

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