Имеется 3 блока: sidebar_left, content, sidebar_right - они располагаются в одну строку. Но когда добавляешь еще один sidebar_left, он уходит вправо, а должен падать под первый sidebar_left; Тоже самое и с sidebar_right; Как сделать неограниченное добавление sidebar'ов ?
html:
<div class="wrapper">
<div id="main">
<div class="header">
</div>
<div class="cnt">
<div class="sidebar_left">
</div>
<div class="sidebar_left">
</div>
<div id="content">
</div>
<div id="sidebar_right">
</div>
<div id="clear"></div>
<div id="footer">
</div>
</div>
</div>
</div>
CSS:
#main{
margin: 0 auto;
background: #eaeaea;
width: 1000px;
height: 900px;
}
.clear{
clear: both;
}
.header{
width: 100%;
height: 190px;
}
.sidebar_left{
width: 185px;
height: 250px;
background: #000000;
position: relative;
float: left;
}
#content{
width: 630px;
height: 600px;
float: left;
position: relative;
background: #ffffff;
}
#sidebar_right{
width: 185px;
height: 250px;
background: #41b2f2;
float: right;
position: relative;
}