/
  • مشکل با وسط چین کردن محتویات صفحه

  • ارسال پاسخ   امتیاز موضوع:
    • 0 رأی - میانگین امیتازات: 0
    • 1
    • 2
    • 3
    • 4
    • 5

    حالت موضوعی | حالت خطی مشکل با وسط چین کردن محتویات صفحه
    نویسنده پیام
    esteftaats آفلاین
    عضو جدید
    **

    ارسال‌ها: 26
    تاریخ عضویت: ۱۳۹۲ فروردين ۱۰
    اعتبار: 0
    تشکرها : 15
    ( 1 تشکر در 1 ارسال )
    ارسال: #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;}
    ۱۳۹۳ مرداد ۲۹ ۱۰:۴۵ صبح
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    narenji آفلاین
    عضو جدید
    **

    ارسال‌ها: 21
    تاریخ عضویت: ۱۳۹۳ تير ۱۸
    اعتبار: 0
    تشکرها : 23
    ( 4 تشکر در 4 ارسال )
    ارسال: #2
    RE: مشکل با وسط چین کردن محتویات صفحه
    مقادیر css رو عوض کن دیگه !
    کد:
    float:cnter ;

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

    ۱۳۹۳ مرداد ۲۹ ۱۱:۲۵ صبح
    یافتن ارسال‌ها WWW پاسخ با نقل قول
     تشکر شده توسط : esteftaats
    molana آفلاین
    چالیست - chalist
    *******

    ارسال‌ها: 1,764
    تاریخ عضویت: ۱۳۸۷ آذر ۳۰
    اعتبار: 60
    تشکرها : 1644
    ( 1550 تشکر در 1015 ارسال )
    ارسال: #3
    RE: مشکل با وسط چین کردن محتویات صفحه
    اگه میخای وسط چین بشه که نباید فلوت بدی:

    کد:
    .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
    __________________________________________________________________________
    همه جوره اش رو داریم ظاهرن
    (آخرین ویرایش در این ارسال: ۱۳۹۳ مرداد ۲۹ ۱۱:۵۴ صبح، توسط molana.)
    ۱۳۹۳ مرداد ۲۹ ۱۱:۵۳ صبح
    یافتن ارسال‌ها WWW پاسخ با نقل قول
     تشکر شده توسط : esteftaats AlirezaHS
    esteftaats آفلاین
    عضو جدید
    **

    ارسال‌ها: 26
    تاریخ عضویت: ۱۳۹۲ فروردين ۱۰
    اعتبار: 0
    تشکرها : 15
    ( 1 تشکر در 1 ارسال )
    ارسال: #4
    RE: مشکل با وسط چین کردن محتویات صفحه
    (۱۳۹۳ مرداد ۲۹ ۱۱:۵۳ صبح)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 آفلاین
    عضو جدید
    **

    ارسال‌ها: 14
    تاریخ عضویت: ۱۳۹۳ بهمن ۲۷
    اعتبار: 0
    تشکرها : 0
    ( 0 تشکر در 0 ارسال )
    ارسال: #5
    RE: مشکل با وسط چین کردن محتویات صفحه
    تشکر ازتوضیحات
    ۱۳۹۳ اسفند ۲ ۰۵:۲۹ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    « قدیمی تر | تازه‌ تر »

    ارسال پاسخ
    پرش به انجمن:


    کاربرانِ درحال بازدید از این موضوع: 1 مهمان
    IranPHP.org | تماس با ما | بازگشت به بالا | بازگشت به محتوا | بایگانی | پیوند سایتی RSS