تراز کردن محتویات div

[.: محمد :.]

سلام ،

چجوری می شه محتویات Div را در وسط وسط قراردهیم ؟

[as13851365]

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

[hosseintdk775]

بسم الله الرحمن الرحیم
سلام
از طریق کد css زیر هم می شود:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

[.: محمد :.]

منظورم اینه که در محور عمودی و افقی با شه . این رو هم بگم چون display اش رو none , block می کنم اینا کار نمی کنند ! :30:

[TemplateMonster]

افقی: margin: 0 auto; بده و برای این‌که تحت IE هم کار کنه، خصوصیت text-align والدش رو center بده.
عمودی: یه خاصیت به اسم vertical-align هست ولی فکر نکنم استاندارد باشه و تحت همه مرورگرها کار کنه. تکنیک این این‌طوریه که باید مقدار height و line-height رو به عنصرت مثل هم بدی. ولی این تکنیک هم برای عناصر فرم کار نمی‌کنه. برای اونا باید بهشون به میزانی که میخوای عنصرت ارتفاع داشته باشه از بالا و پایین padding بدی. این تکنیکه تحت همه مرورگها کار می‌کنه.
اگه هم بخوای فقط یه عکسی چیزی وسط بذاری طول و ارتفاع رو تنظیم کن و تصویر رو به عنوان پشت زمینه معرفی کن و خاصیت background-position رو مقادیر center center بده.

[.: محمد :.]

افقی: margin: 0 auto; بده و برای این‌که تحت IE هم کار کنه، خصوصیت text-align والدش رو center بده.
عمودی: یه خاصیت به اسم vertical-align هست ولی فکر نکنم استاندارد باشه و تحت همه مرورگرها کار کنه. تکنیک این این‌طوریه که باید مقدار height و line-height رو به عنصرت مثل هم بدی. ولی این تکنیک هم برای عناصر فرم کار نمی‌کنه. برای اونا باید بهشون به میزانی که میخوای عنصرت ارتفاع داشته باشه از بالا و پایین padding بدی. این تکنیکه تحت همه مرورگها کار می‌کنه.
اگه هم بخوای فقط یه عکسی چیزی وسط بذاری طول و ارتفاع رو تنظیم کن و تصویر رو به عنوان پشت زمینه معرفی کن و خاصیت background-position رو مقادیر center center بده.

صفحه

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

رو که باز کردم کلی امیدوار شدم . چون دوست عزیز TemplateMonster چیزی نوشته بود . اما چیزی که من می خواستم نبود . من می خوام 1 div وسط div یا Table دیگر بگذارم و مقدار

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

رو هم حتما بهش بدم . اما ...

[TemplateMonster]

این خصوصیت‌ها هیچ‌کدوم با display: block مشکلی ندارن. می‌تونی بیشتر توضیح بدی و سورس صفحه رو هم بذاری؟

[.: محمد :.]

نه نمی تونم ولی شما خودت امتحان کردی ؟ در فایر ؟

[TemplateMonster]

پیدا کردم! اینو امتحان کن:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

من یه خورده توضیح بدم، اگه position والد رو relative بدیم و position فرزند رو relative، مقادیر left, right, top, bottom بر حسب اون والد سنجیده می‌شن، نه پنجره مرورگر. اگه مقدار top رو 50 درصد بدیم وسط میفته منتهی باید مقدار height حتماً تنظیم شده باشه و پنجره مرورگر هم اسکرول نداشته باشه. این کدی که این بالا هست مشکل دومی رو حل می‌کنه ولی هنوز هم این هست که باید مقدار ارتفاع حتماً به صورت دستی تعیین شده باشه. و برای حل این فعلاً هیچ راه حلی که با CSS سازگار باشه موجود نیست.

[.: محمد :.]

توضیح کامل شما حرفی برای گفتن نگذاشت !