[esteftaats]

سلام.

می خواستم محتویات صفحه رو وس چین کنم اما هر کاری می کنم وسط نمیاد.

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

کد:

<div class="main-wrapper">
<div class="main_contact">
<div class="contactus">
<div class="contactus-box">
<iframe src="https://www.google.com/maps/embed?pb=!1d25658.41028319578!" width="250" height="200" frameborder="0" style="border:0"></iframe>
</div>
</div>
</div>
</div>

اینم css :

کد:

.main-wrapper{margin-top:0px;height:auto;width:100%;border:5px;}

.main_contact{width:900px;height:auto;margin:auto;  margin-top:35px;float:right;}

.contactus{width:900px;height:240px;float:right;ba  ckground:url('images/contact.png') no-repeat;margin-top: 150px;margin-bottom: 150px;}

.contactus-box{width:250px;height:200px;float:left;background-color:White;border-radius:8px;margin-left:25px;margin-top:5px;}

[narenji]

مقادیر css رو عوض کن دیگه !

کد:

float:cnter ;

margin هم برای فاصله از طرفین استفاده مشه که با توجه به اندازه صفحه میتونید تغیر بدین.
از تگ <center> هم میتونید استفاده کنید

[molana]

اگه میخای وسط چین بشه که نباید فلوت بدی:

کد:

.main-wrapper{margin:0 auto !important;height:auto;width:100%;border:5px;}

.main_contact{width:900px;height:auto;margin:0 auto;  margin-top:35px;}

.contactus{width:900px;height:240px;background:url('images/contact.png') no-repeat;margin-top: 150px;margin-bottom: 150px;}

.contactus-box{width:250px;height:200px;float:left;background-color:White;border-radius:8px;margin-left:25px;margin-top:5px;}
div{border: 1px solid #ddd;}

---

اینم کد نمونه:
http://jsfiddle.net/avb90r23/1

[esteftaats]

(۱۳۹۳ مرداد ۲۹ ۱۱:۵۳ صبح)molana نوشته شده توسط:  اگه میخای وسط چین بشه که نباید فلوت بدی:

کد:

.main-wrapper{margin:0 auto !important;height:auto;width:100%;border:5px;}

.main_contact{width:900px;height:auto;margin:0 auto;  margin-top:35px;}

.contactus{width:900px;height:240px;background:url('images/contact.png') no-repeat;margin-top: 150px;margin-bottom: 150px;}

.contactus-box{width:250px;height:200px;float:left;background-color:White;border-radius:8px;margin-left:25px;margin-top:5px;}
div{border: 1px solid #ddd;}

---

اینم کد نمونه:
http://jsfiddle.net/avb90r23/1

مرسی ازت. مشکل حل شد

[behzadkhademi]

تشکر ازتوضیحات