قرار گرفتن دايو در وسط صفجه

[hsmtech]

دوست گرامی!
پیشنهاد می کنم در ابتدا خاصیت width و height رو به صورت درصد تعیین کنید تا به صورت واکنش گرا (Responsive) توانایی آفست کردن محل div رو داشته باشید.
به عنوان مثال اگر height برابر با 40% باشه، فضای باقیمانده که 60% هست، نیمی در بالا و نیمی در پایین مصرف میشه، به عبارتی در هر سمت 30%.
جهت روشن شدن شدن مطلب و دیدن مثال، این دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
رو مشاهده کنید.

در صورتی که از CSS3 استفاده می کنید، با بهره گیری از media@ و ترکیب اون با تکنیک قبلی نتیجه کامل تری به دست میاد. برای مشاهده مثال هم می تویند این دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
رو مشاهده کنید.