• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
مشکل با وسط چین کردن محتویات صفحه
#1
سلام.

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

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

کد:
<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;}
  پاسخ
تشکر شده توسط :
#2
مقادیر css رو عوض کن دیگه !
کد:
float:cnter ;

margin هم برای فاصله از طرفین استفاده مشه که با توجه به اندازه صفحه میتونید تغیر بدین.
از تگ <center> هم میتونید استفاده کنید
  پاسخ
تشکر شده توسط : esteftaats
#3
اگه میخای وسط چین بشه که نباید فلوت بدی:

کد:
.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 AlirezaHS
#4
(۱۳۹۳ مرداد ۲۹, ۱۲:۵۳ ب.ظ)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

مرسی ازت. مشکل حل شد
  پاسخ
تشکر شده توسط :
#5
تشکر ازتوضیحات
  پاسخ
تشکر شده توسط :


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان