Объясните на пальцах про позиционирование

[zhuravlik]

Здравствуйте. Зачитал до дыр про позиционирование, но все-равно туплю. Вот у меня код:

<div id = "found">

<div id = "Left">

<div>

<div id = "Right">

<div id = "Right_l">

<div>

<div id = "Right_r">

<div>

<div>

<div>

CSS:

#found {

height:600px;

width:800px;

}

#Left{

width:250px;

display:block;

position:relative;

}

#Right{

width:550px;

display:block;

position:relative;

float:left;

}

Надо, чтобы было так : [блок Left] [блок Right_l] [блок Right_r]

То есть блок Right содержит в себе еще два блока, которые позиционируются В НЕМ. Не могу понять как это сделать...

Получается сейчас так: [блок Left][ПУСТО ] [ПУСТО ]

_______________________[ПУСТО ][блок Right_l] [блок Right_r]

Edited January 10, 2012 by zhuravlik

[Radiocity]

Воспользуйтесь свойствами float и clear.

Edited January 10, 2012 by Radiocity

[hedgehog]

Во-первых, где закрывающие теги? Во-вторых, position:relative не нужен в этом случае. В третьих, float:right; для правой колонки, а в ней размещайте что угодно. В четвертых: чтобы блок left был слева, а не сверху, его нужно переместить в разметке после правого блока либо присвоить float:left.