+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: قرار گرفتن دايو در وسط صفجه (/thread-14791.html)
قرار گرفتن دايو در وسط صفجه - farid65 - ۳۱-۱-۱۳۹۳ ۰۸:۲۹ عصر
با سلام يك دايو در قالبم طراحي كردم كه پوزيشنش فيكس هستش
ولي مشكلي كه دارم وقتي صفجه را كوچك يا بزرگ مي كنيم به يك طرف تمايل پيدا مي كنه
من مي خوام در همان موقعيت كه قرار گرفته بصورت ثابت كوچك و بزرگ بشه ..
متاسفانه هر كاري كردم نشد...اگر دوستان راهنمايي كنند ممنون مي شم
RE: قرار گرفتن دايو در وسط صفجه - vahid.exe - ۳۱-۱-۱۳۹۳ ۰۹:۱۳ عصر
سلام.
از کد margin: 0px auto ; استفاده کنید تا خودکار تنظیم شود وسط.
مثال:
کد:
<div style="width:940px;margin:0 auto;">
you site codes
</div>کد:
#main
{width:1000px ;height:auto ;margin: 0px auto ;}موفق باشید
RE: قرار گرفتن دايو در وسط صفجه - hsmtech - ۱-۲-۱۳۹۳ ۰۲:۵۶ صبح
دوست گرامی!
پیشنهاد می کنم در ابتدا خاصیت width و height رو به صورت درصد تعیین کنید تا به صورت واکنش گرا (Responsive) توانایی آفست کردن محل div رو داشته باشید.
به عنوان مثال اگر height برابر با 40% باشه، فضای باقیمانده که 60% هست، نیمی در بالا و نیمی در پایین مصرف میشه، به عبارتی در هر سمت 30%.
جهت روشن شدن شدن مطلب و دیدن مثال، این دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
رو مشاهده کنید.
در صورتی که از CSS3 استفاده می کنید، با بهره گیری از media@ و ترکیب اون با تکنیک قبلی نتیجه کامل تری به دست میاد. برای مشاهده مثال هم می تویند این دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
رو مشاهده کنید.