مشکل با طراحی 3 ستونه

[loveali 0]

سلام

من می خوام یه سایت 3 ستونه درست کنم

کد زیر رو می نویسم مشکل داره

نمی دونم مشکل از کجاست

از دستور clear:both هم استفاده کردم نشد

این html

<div id="Main">
<!--Start RightMenu-->

<div class="right">
<div class="right-ref">
</div>
<div class="right-box">
</div>
</div>
<div class="right">
<div class="right-ref">
</div>
<div class="right-box">
</div>
</div>
<div class="center">Div2</div>
<div class="left">Div3</div>
<div style="clear:both"></div>
</div>
<!--end Main-->

اینم css

#Main{
width:900px;
height:auto;
background:#FFF;
margin:auto;
}
.right{
float:right;
width:200px;
height:214px;
background:#92d7f7;
margin:5px;
clear:right;
}
.left{
float:left;
clear:right;
}
.center{
float:left;
}
.right-ref{
width:189px;
height:35px;
background:url(images/rightmenu.png);
margin:5px;
}
.right-box{
width:194px;
height:165px;
background:#23acec;
margin-right:3px;
margin-left:3px;

ویرایش شده اردیبهشت 94 توسط loveali

[loveali 0]

کسی نبود جواب مارو بده؟

عجله دارم

[amirali.bk 656]

اشتباه نوشتی کدتو..

من ی نمونه درست کردم برات.

https://jsfiddle.net/c731f7b2/2/

پ.ن :

از دستور clear وقتی استفاده میشه که میخوای دایوتو ببری و ببری روی خط بعدی یا پایینی .