رفتن به مطلب

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


پست های پیشنهاد شده

سلام

من می خوام یه سایت 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;

ویرایش شده توسط loveali
لینک به ارسال

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

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

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

پ.ن :

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...