من و متعه ام

وسط قرار دادن یک عنصر وب در همه مرورگرها

امروز داشتم یه صفحه وب طراحی میکردم. میخواستم یه لایه از یکی از خونه های جدول رو بیارم وسط ، نمیومد! یعنی میومد ها اما فقط توی اکسپلورر نه توی فایر فاکس و اپرا و … .

هر فنی بهش زدم نشد که نشد. تو این وسط هم متعه ما هی مسج میداد! و منتظر جواب بود.

بعد از یه سرچ رسیدم به این صفحه ، که درش توضیح داده بود و گفتم بنویسم شاید کسی بدردش خورد

برای وسط کردن المان درونی یک المان دیگر در همه براوزر ها ، کافیه که المان بیرونی رو بهش استایل
text-align:center
رو بدیم و به المان داخلی استایل
margin-left:auto;margin-right:auto

کاش یه کم درک کنه که سرم شلوغه!!

_________________________

آپدیت نوشته بالا در 2009.04.28 : عیب روش فوق اینه که تمامی المانهای درونی رو وسط‌چین میکنه. راه حل پیشنهادی دیگه اینه که المان بیرونی رو بجای text-align با یه روش دیگه بیاریم وسط :

<div style=”margin:0 10%;”>
<div style=”width:950px;margin:10 auto”>

_________________________

آپدیت نوشته بالا در 2009.07.22 : روش فوق برای وسطچین کردن (از نظر افقی) است.
برای وسط قرار دادن المان از نظر عمودی، این مقاله بسیار عالی را مشاهده کنید که با 5 روش این کار را انجام داده است:

blog.themeforest.net/tutorials/vertical-centering-with-css