Проблема со слоями.

[TIMA]

Здравствуйте. Как сделать что бы плавающий слой тянул основной слой?

Пример:

[deadrash]

Либо основной сделайте плавающим, либо после вашего плавающего поставьте элемент со свойством clear:both;

[Vlad]

На нижний слой можно повесить clear:both

[TIMA]

Что то не получилось.

Сайт

[Vlad]

Надо на этот слой rounded-bottom "навесить" clear: both.

[psywalker]

#rounded-top div, #rounded-top, #rounded-bottom div, #rounded-bottom {
	font-size: 1px;
	height: 10px;
	overflow: hidden;
	width: 990px;

[TIMA]

Спасибо большое.

[psywalker]

Спасибо большое.

И тебе)

[TIMA]

#rounded-top div, #rounded-top, #rounded-bottom div, #rounded-bottom {
	font-size: 1px;
	height: 10px;
	overflow: hidden;
	width: 990px;

Надо на этот слой rounded-bottom "навесить" clear: both.

Два варианта работают, какой лучше использовать?

P.S. Или тот и другой для работы во всех браузерах?

Edited December 26, 2010 by TIMA

[psywalker]

Два варианта работают, какой лучше использовать?

Моднее первый

[TIMA]

Моднее первый

Проблем от использования обоих не будет?

Edited December 26, 2010 by TIMA

[psywalker]

Проблем от использования обоих не будет?

1) Если использовать overflow:hidden;, то всё что ты засунешь в элемент, не сможет выйти за его пределы.

2) Если использовать clear:both;, то вообще проблем не будет, если ты никогда этот элемент оттуда не вынешь. Но этот способ считается грязным. Я его использую в последнюю очередь всегда.

[deadrash]

Есть ещё вариант, если у тебя нет элемента который может очистить обтекание после плавающих блоков и ты не хочешь создавать пустой элемент: используй псевдоэлемент :after с пустым наполнением и свойствами display:block, и clear:both.

Например если на свой сайт вставишь

div:after{
content:"";
display:block;
clear:both;
}

То всё будет работать. Я использовал div, но само-сабой нужно указывать более конкретный селектор. И всё работает.

Ложка дёгтя - IE7 и ниже не понимают этот псевдоэлемент, но для него можно использовать экспрешен. http://www.xiper.net/collect/html-and-css-...ore-for-ie.html

[Shift-Web]

А мне нравится

<br clear="all" />

или

<br class="clear-marker" />

, где marker - префикс left right или both, ну и правила к ним в CSS соответствущие. Избавляет от пустых элементов в коде.

Edited December 26, 2010 by Shift-Web

[deadrash]

Да, только br не используются в блочном элементе, это не симантично. Только в строчном.