css

[morcano]

Здравствуйте, необходимо сделать шаблон:

http://immage.biz/images/2014/12/10/O6ZJe.th.png (http://immage.biz/ZUA)

Начал делать два верхних блока рядом в диве wrapper

<style>
.wrapper
{border: 1px solid; margin: 1% auto; max-width:60%; }
.left
{ margin: 1%; float:left; border: 1px dotted; width:40%;
}
.right
{ margin: 1%; float:right; border: 1px dotted; width:40%;
}
.bottom
{ border: 1px solid; margin: 1% auto; width: 100%;
}
</style>

<div class="wrapper">
<div class="left">
TEXT1<br />
</div>
<div class="right">
TEXT2<br />
</div>
</div>

Уже при создании двух первых элементов, блоки идут отдельно от самого wrapper:

http://immage.biz/images/2014/12/10/4flUnCLJ.th.png (http://immage.biz/ZUN)

Где ошибка?

[mig73]

morcano, В классе wrapper не хватает свойства height (хотя уже в законченном виде с классом bottom -height не нужен), в классе bottom не хватает clear: both