Вопрос о блоках, содержащих чайлдовые блоки с float: @ DeForum.ru

В конструкции, приведённой ниже, блок wrapper не будет растянут чайлдовыми блоками left и left2. Практически все браузеры, кроме ИЕ, не будут отображать красный фон вокруг и под left и left2. Также, left и left2 не будут позиционированны в центре страницы.
Вопрос к знатокам: можно ли не присваивая wrapper'у какого-либо флоата, всё-таки растянуть его чайлдовыми блоками и отровнять их по центру?

Код:

Код:

<div id="wrapper" style="margin: 0 auto; background: #f00">
 <div id="left" style="float: left; background: #fff;"></div>
 <div id="left2" style="float: left; background: #fff;"></div>
<div>

17 Сообщения: 7419 Зарегистрирован: 15.11.04

Faux Columns?

0 Сообщения: 687 Зарегистрирован: 05.04.05

RTFM по теме clear

Тут видите ли, в чем проблема. Я пребываю в мозговом коллапсе и обращение в форум для меня — крайность.
Я действительно не улавливаю сути проблемы. Просто ещё не 100% понимаю как ведут себя блоки в потоке, да, я никогда не блистал отточенным интеллектом.
Но ситуация авральная и я не могу посвятить 4 часа спецификации CSS, я не дома на диване, а в офисе =)

Inviz, управление потоком после перемещаемого контента? Зачем?

17 Сообщения: 7419 Зарегистрирован: 15.11.04

horn, так. Берёте любой графический редактор. Рисуете схему того, что Вы хотите получить. Выставляете здесь. Тогда Вы имеете шанс на ответ.

Цитата:

horn, так. Берёте любой графический редактор. Рисуете схему того, что Вы хотите получить. Выставляете здесь. Тогда Вы имеете шанс на ответ.

один из немногих ценных советов на всем форуме за все время моего пребывания :laugh:

17 Сообщения: 7419 Зарегистрирован: 15.11.04

оффтопик:

Бaзиль, обращайся!

Аська к твоим услугам! :lol:

Акела, ссылка
Бaзиль, я не злоупотреблял, поэтому, в конечном итоге, всегда получал ответ =)

17 Сообщения: 7419 Зарегистрирован: 15.11.04

horn, Вы уж простите, сплю на ходу, с утра сдавал заказ. Но проблема Ваша имхо не проблема. Один из способов:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
   <title>Хня</title>
<style type="text/css">
html, body {
   height: 100%;
   margin: 0px;
   text-align: center;
}
#wrapper {
   margin: 0px;
   padding-right: 20px;
   padding-left: 20px;
   padding-bottom: 10px;
   padding-top: 10px;
   width: 600px;
}
#left2 {
   float: right;
   width: 280px;
   position: absolute;
   left: 50%;
}
#left1 {
   position: absolute;
   right: 50%;
   width: 280px;
}
</style>
</head>
<body>
<div id="wrapper">
   <div id="left2">
      Контент.
   </div>
   <div id="left1">
      Контент.
   </div>
</div>
</body>
</html>

Я наверняка навалял глупостей и написал в коде много лишнего, но коллеги поправят. Ещё раз сорри: сплю.

Акела, идею я ухватил, спасибо. :beer:

Покамест, дальше "либо абсолютное позиционирование, либо флоаты" я не ходил.
Не знал, что надо их микшировать =) «Ну тк, профессионал, х..ле» © :laugh:

0 Сообщения: 687 Зарегистрирован: 05.04.05

clear - как раз растягиваед родительский элемент чайлдновыми флоаченными блоками.

Акела,
я может плохо соображаю, но код который вы представили дает не совсем те результаты

ща попробую сам код дать, момент

0 Сообщения: 687 Зарегистрирован: 05.04.05

визуализация кода ниже: http://inviz.personart.ru/akela .
Оно?

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

<html> 
<head> 
    <title>Хня</title> 
<style type="text/css"> 
html, body { 
    height: 100%; 
    margin: 0px; 
    text-align: center; 
} 
#wrapper { 
    margin: 0px; 
    padding:10px 20px;
    width: 560px; 
    background: #f90;
} 
#left2 { 
    float: right; 
    width: 279px;
    background: #ccc; 
    border-left:1px solid #fff;
} 
#left1 { 
    float:left;
    width: 280px;
    background: #ccc; 
} 
</style> 
</head> 
<body> 
<div id="wrapper"> 
    <div id="left2"> 
        Контент. 
    </div> 
    <div id="left1"> 
        Контент. 
    </div>
    <div style="clear:both"></div>
</div> 
</body> 
</html>

Вроде бы оно.
Только в Вашем коде работает, а в моём -- уд! =)
Будем покопаться =)

0 Сообщения: 687 Зарегистрирован: 05.04.05

<div style="clear:both"></div> не забыли?

Упаси Бог =)
Всё работает. Гранмерси. :beer:

17 Сообщения: 7419 Зарегистрирован: 15.11.04

оффтопик:

Inviz, как по рождению буддист, я никогда не поощрял христианской благотворительности!

0 Сообщения: 687 Зарегистрирован: 05.04.05

Акела,

если настроение есть отчего не

Inviz, а может ты под настроение еще и верстаешь всем подряд на халяву? :beer:

0 Сообщения: 687 Зарегистрирован: 05.04.05

IonDen666, :laugh:

DeДверь
Логин:
Пароль:
	Автологин