Printable View
دوستان آیا راهی هست که یه محتوایی (مثلا یه تگ div) رو از جهت عمودی وسط صفحه قرار بدیم؟برای مثال واسه افقی margin چپ و راست رو اتوماتیک میذاریم حالا عمودی رو باید چیکار کنیم؟چون حداکثر کاری که میتونم بکنم اینه که واسه یه سایز خاص وسط قرار بدم که تو رزولیشن های دیگه بهم میخوره و زشت میشه...البته مهم تا زمانی هست که صفحه scroll نخوره.
میشه واضح تر توضیح بدی؟نقل قول:
اگه این بنفشه یه div باشه،میبینیم که فاصلش از بالا و پایین صفحه یکسانه.ولی وقتی که سایز بروزر تغییر میکنه(به علت رزولیشن مختلف یا...)نسبتش به هم میریزه و دیگه وسط صفحه نمیمونه(از جهت عمودی).میخواستم ببینم راه حلی برای این موضوع هست؟نقل قول:
میتونید واسه بالاییه
max-height
انتخاب کنید تا تغییر نکنه. میتونید هم با position ها کار کنید که پیشنهاد نمی کنم زیاد.
ممنون،ولی مثل اینکه بازم منظورم رو درست نرسوندمنقل قول:
max-height رو برای چی بذارم؟ برای div ؟آخه با اون مشکلی ندارم(یه ارتفاع از پیش تعیین شده بهش دادم)،من میخوام فاصله ی div ه از بالای صفحه(همون آبی بالا)،با فاصله div ه از پایین صفحه(همون آبی پایین)برابر باشن تو رزولیشن های مختلف.(همون کاری که vertical-align انجام میده ولی برای کل صفحه نه یه محتوا)
مثلا این کد تو رزولیشن 1280*1024 تقریبا وسط صفحه هست ولی تو رزولیشن های کمتر دیگه وسط نیست...ولی میخوام وسط بمونه...اصلا امکانش هست؟
کد:<div style="height:400px;background-color:purple;margin-top:19%"></div>