Вериткальное расположение DIV'ов: один под другим

[brainiac]

Собственно, вся проблема описана в названии.

Есть, допустим, 3 DIV'а. Для первого пишем так:

	width: 100%;
	height: 215px;
	position: relative;

Для второго так:

	float: left;
	width: 100%;
	position: absolute;

А в третьем, что бы я ни прописал, он прилипает к первому. Сейчас у него вообще никакого позиционирования не прописано. Скажите, как это исправить. Чтобы третий блок прилипал ко второму. При этом второй блок — резиновый.

Edited May 3, 2010 by brainiac

[sigma77]

А в третьем, что бы я ни прописал, он прилипает к первому. Сейчас у него вообще никакого позиционирования не прописано. Скажите, как это исправить. Чтобы третий блок прилипал ко второму. При этом второй блок — резиновый.

Потому что надо думать что пишешь и для чего нужно то или иное свойство.

Для второго так:

	float: left;
	width: 100%;
	position: absolute;

Нельзя совмещать абсолютное позиционирование и обтекание. Эти свойства противоречат друг другу.

Да и в необходимости наличия position: relative; у первого я сильно сомневаюсь.

[brainiac]

Потому что надо думать что пишешь и для чего нужно то или иное свойство.

Нельзя совмещать абсолютное позиционирование и обтекание. Эти свойства противоречат друг другу.

Да и в необходимости наличия position: relative; у первого я сильно сомневаюсь.

И как же тогда быть? Убрал float из второго — эффекта нет. Если убираю position: absolute, то блоки, которые находятся внутри него растягиваются по вертикали на 100% страницы (а должны растягиваться на 100% блока). И при этом третий блок всё равно прилипает к первому.

[sigma77]

brainiac,

Покажи картинку того, что хочешь получить.

[psywalker]

brainiac,

Покажи картинку того, что хочешь получить.

+1 Вот с этого и надо было начинать, давно бы уж получил рекомендации)

[brainiac]

Получить нужно вот, что:

Ширина цветных блоков (про них речь) — 100% от окна браузера.

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

[psywalker]

Ну и отлично, значит делишь задачу на три части, а точнее блока, независимых от друг-друга и в них уже работаешь.

Например в 1-ом слева располагаешь два дива потоком, било список. А справа позиционируешь допустим всю эту конструкцию, и в ней также отдельно работаешь.

[brainiac]

Ну и отлично, значит делишь задачу на три части, а точнее блока, независимых от друг-друга и в них уже работаешь.

Например в 1-ом слева располагаешь два дива потоком, било список. А справа позиционируешь допустим всю эту конструкцию, и в ней также отдельно работаешь.

Собственно, сейчас так и есть: 3 блока, а внутри каждого элементы. Вопрос в том, как для них (3х основных) прописать стили, чтобы 3 не прилипал к 1, а шёл сразу после второго. При условии, что у 1 высота фиксированная, у 2 и 3 — нет. Ширина у всех 100%.

[sigma77]

brainiac,

В принципе, ничего особенного прописывать не надо. Это нормальный поток блочных элементов. Достаточно задать высоту первому элементу и тем блокам, внутри которых есть абсолютно позиционируемые элементы position: relative. Ну и обнулить марджины и паддинги.