Помогите поправить код при верстке div-ами...

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Помогите поправить код при верстке div-ами...

Опции

Semreg_hb

Topic Starter сообщение

12.9.2009, 17:19; Ответить: Semreg_hb

Сообщение #1

Группа: User
Сообщений: 57
Регистрация: 12.9.2009
Поблагодарили: 0 раз
Репутация:

Для верстки шапки использовал следующую конструкцию:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<style type="text/css">

.header, .content { position: relative; width: 900px; height: 300px; background: red; }
.content { height: 400px; background: orange; }
.header-part-1, .header-part-2, .header-part-3 { position: absolute; width: 100px; background: #CF3; }
.header-part-1 { height: 100px; left: 10px; top: 10px; }
.header-part-2 { height: 150px; left: 310px; top: 50px; }
.header-part-3 { height: 200px; left: 610px; top: 90px; }

</style>

</head>

<body>

<div align="center">
  <div class="header">
    <div class="header-part-1">Врезка 1</div>
    <div class="header-part-2">Врезка 2</div>
    <div class="header-part-3">Врезка 3</div>
  </div>
  <div class="content">Контент</div>
</div>

</body>
</html>

Набросал схематично. У меня код немного другой, но смысл передал.
Первоначально планировалось, что высота 2й врезки будет фиксированной, но в настоящий момент хотелось бы, чтобы высота 2й врезки зависела от объема информации в ней, т.е. хочется убрать height: 150px;
И вот тут возникает проблема: если объем информации увеличивается на столько, что высота 2й врезки не помещается в блок .header - то необходимо чтобы этот блок .header растягивался и вмещал в себя полностью врезку, т.е. чтобы блок .header был резиновым.
Если я убираю из кода высоту блока .header - то он полностью пропадает с экрана и все находящиеся в нем врезки не видны.

Спасите, помогите... :wacko:
Как заставить блоки вести себя нужным образом?

Ответить с цитированием данного сообщения

viktor_ua viktor_ua 12.9.2009, 17:28; Сообщений: 31 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	12.9.2009, 17:28; Ответить: viktor_ua Сообщение #2
0 Группа: User Сообщений: 31 Регистрация: 22.3.2009 Поблагодарили: 0 раз Репутация: 0	Может не убивать {height: 150px;} а заменить на {height: auto;}

Semreg_hb Topic Starter Semreg_hbTopic Starter 12.9.2009, 17:35; Сообщений: 57 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 12.9.2009, 17:35; Ответить: Semreg_hb Сообщение #3
0 Группа: User Сообщений: 57 Регистрация: 12.9.2009 Поблагодарили: 0 раз Репутация: 0	Может не убивать {height: 150px;} а заменить на {height: auto;} Да, но при этом проблема не решается )

viktor_ua viktor_ua 12.9.2009, 17:40; Сообщений: 31 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	12.9.2009, 17:40; Ответить: viktor_ua Сообщение #4
0 Группа: User Сообщений: 31 Регистрация: 22.3.2009 Поблагодарили: 0 раз Репутация: 0	Может так? сдесь .header-part-1, .header-part-2, .header-part-3 { position: absolute; width: 100px; background: #CF3; Поменять на position: static ;

Htmlmaster Htmlmaster 12.9.2009, 17:40; Сообщений: 276 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	12.9.2009, 17:40; Ответить: Htmlmaster Сообщение #5
0 Группа: User Сообщений: 276 Регистрация: 3.9.2009 Поблагодарили: 0 раз Репутация: 0	а если так {height: 150%;}

Semreg_hb

Topic Starter сообщение

12.9.2009, 17:51; Ответить: Semreg_hb

Сообщение #6

Группа: User
Сообщений: 57
Регистрация: 12.9.2009
Поблагодарили: 0 раз
Репутация:

(viktor_ua @ 12.9.2009, 20:40)

Может так? сдесь

.header-part-1, .header-part-2, .header-part-3 { position: absolute; width: 100px; background: #CF3;

Поменять на

position: static ;

так абсолютное позиционирование объектов становится невозможным :sarcastic:

(Htmlmaster @ 12.9.2009, 20:40)

а если так

{height: 150%;}

ход мысли не понятен )

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ. Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п	7	stu999	1759	31.3.2024, 11:19 автор: stu999
Помогите вспомнить рекламного бота Телеграм для обмена рекламой	0	Mixatraider	732	21.2.2024, 23:42 автор: Mixatraider
Моя div-ная верстка соответствует ли стандартам Хотелось бы конструктивной критики	10	muratastana	1605	14.1.2023, 1:16 автор: xweb
Получил странную ссылку при линкбилдинге Как поведет себя поиск при обнаружении странной ссылке?	10	r0mZet	2206	24.10.2022, 19:23 автор: Wachowski
300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!	65	inkon	30398	19.7.2022, 13:41 автор: Funoman

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 26.4.2024, 6:48

Дизайн