Плавающий див вправо? ⇐ Html

[Anonymous]

У меня есть один div (id = "Leathrap"), который находится слева и один div (id = "content"), который плавает справа от него. В «левом wrap» у меня есть два девта друг на друга. Нижний (id = "header_bottom") имеет «высота: 100 Вм», так что он расширяется в соответствии с контентом в «контенте» div. По крайней мере, эта идея. Или что -то подобное:/
Это html:

Код: Выделить всё

[img]img/leftbar.jpg[/img]



[img]img/rightcontent.jpg[/img]


< /code>
И это css < /p>
body, div, img {margin:0; padding:0; }
body {
position: absolute;
top: 0;
left: 0;
background: #f0f0f0;
}

/*MAIN DIVS AND CONTENT*/
#mainwrap {
position: absolute;
top: 0;
left: 0;
width: 945px;
}
#leftwrap {
width: 270px;
float: left;
}
#header {
width: 270px;
height: 929px;
}
#header_bottom {
width: 270px;
height:100vh;
background: #d8991c;
}

#content
{
position: absolute;
top: 0;
left: 270px;
float: right;
}

Я знаю, что это немного грязно (держу пари, что это можно кодировать проще, но мне было трудно сделать это правильно).>

Подробнее здесь: https://stackoverflow.com/questions/261 ... -the-right