Поднять div

[thinkslow]

Доброго дня. У меня проблема с дивами. Вот что имею:

<style type="text/css">
#left_line{
	background: rgba(219,219,219,1);
	width:200px;
	margin-left:10px;
	margin-bottom: 10px;
	float:left;
	clear:both;
}

#right_line{
	background: rgba(219,219,219,1);
	width:200px;
	margin-right:10px;
	margin-bottom: 10px;
	float:right;
	clear:both;
}

#line_content_line{
	background: rgba(219,219,219,1);
	margin-left:220px;
	margin-right:220px;
	margin-top: 10px;
}
</style>

<div id="width">
<div id="container">

<div id="left_line">Блок 1<br><br><br><br><br><br><br><br><br></div>
<div id="left_line">Блок 2<br><br><br><br><br><br><br><br><br></div>

<div id="right_line">Блок 4<br><br><br><br><br><br><br><br><br></div>
<div id="right_line">Блок 5<br><br><br><br><br><br><br><br><br></div>

<div id="line_content_line">Блок 3<br><br><br><br><br><br><br><br><br></div>

</div>
</div>

В результате расположение блоков таково:

Помогите поднять Блоки 4 и 5 к топу.

[SelenIT]

Зачем правым блокам clear: both? Пусть clear-ят только предшественников по своей стороне (т.е. чтоб clear совпадал c float-ом, left для left_line и right для right_line соответственно).

И еще, дублирующиеся IDшники — большой грех. Исправьте на классы поскорее, пока гугл не увидел.

[USF]

святые угодники

а что вы хотели? у вас же поток очищается clear: both; по блоках.

для блока 5 нужно clear: right;

Edited October 23, 2012 by USF

[SelenIT]

Имхо, br-ки тут тупо для демонстрации ненулевой высоты блоков, по сути вместо "lorem ipsum" и подобного. А вот дубликаты id-шек — этого оставлять безнаказанным низзя

[thinkslow]

c clear: both; ето я експерементировал и так закопипастил

br для демонстрации, да

насчет айдишников учел, спасибо. Где я могу почитать тексты о подобных тонкостях?

Проблема все еще актуальна.

Edited October 23, 2012 by thinkslow

[USF]

актуально?

вам же 2 раза повторили, почему у вас эта проблема. :facepalmxd:

[thinkslow]

Ну что тут сделать. Я только учусь. Блоки попрежнему пляшут не как надо. 4й, 5й поднялись, а 3й упал.

Помогите со стилем.

[USF]

4й должен подняться до уровня 2го или в самый верх?

[thinkslow]

4й должен подняться до уровня 2го или в самый верх?

Самый верх. Пятый под ним.

[USF]

http://jsfiddle.net/usfe/2nBa6/

[thinkslow]

http://jsfiddle.net/usfe/2nBa6/

Вот значит как. Замечательно. Спасибо!