سوال: center و middle کردن یه DIV در CSS به چه صورته!×!؟

[DaRiOuShJh]

هه!
چه عنوانی شد!×!

دوستان چند بار هم پرسیده بودم و لی به جایی نرسیدم
گفتم دوباره مطرح کنم

نگاه کنید

یه div اصلی داریم که مثلا 100 درصد در 100 درصد هست

تا اینجاش هیچی

بعد میخاویم یه div با ابعاده پیکسلی وسطش قرار بدیم که با resize کماکان وسط باشه

چه از نظره طولی چه عرضی

کدش چی میشه؟

[eAmin]

سلام قشنگ.

من خودم شاهدم یکیش رو که یاسر خودش بهت گفت!!!

در هر حال...

عمودی:

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

افقی:

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

[DaRiOuShJh]

بابا اینا پس چرا کار نمیکنن؟

[DaRiOuShJh]

آی!
بابا منو گزاشتید سره کار؟
هر کاریش میکنم وسط نمیاد!×!
کمک!×!

اینم کد نمونه

.recent-posts-content {
font-family: tahoma;
font-size: 11px;
text-decoration: none;
font-weight: normal;
background-color: D9DEB8;
padding: 2px;
margin: 0 auto;
width: 95%;
display: block;
overflow: hidden;
float: inherit;
line-height: normal;
text-align: right;
border-style: solid;
border-width: 0px 1px 1px 1px;
border-color: #666666;
}

[neopersia]

همین کد برای من وسط میاد!
شاید مشکل از doctype باشه! با XHTML 1.0 Transitional تست کن.

[DaRiOuShJh]

یاسین جون آخه اون که هست؟

اینم یه سورسه کامل

از طریقه Html

align center دادم بهشون

تو IE وسطه ولی تو بقیه یه چند پیکسل اونور تر از وسط میافته

اینم کده کامل

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

[peyman1987]

خب خوشگلم فکر کنم مشکل از margin باشه از این استفاده کن.

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

[milky way]

برای سنتر کردن به صورت عمودی لایه فقط از table-cell میشه استفاده کرد که خیلی هم مرسوم نیست هیچ راه دیگه ای وجود نداره , ولی افقی خیلی راحته .

[DaRiOuShJh]

خب خوشگلم فکر کنم مشکل از margin باشه از این استفاده کن.

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

ها؟
راست میگی ها!×!
ولی آخه margin رو بعدش اضافه کردم که!×!

برای سنتر کردن به صورت عمودی لایه فقط از table-cell میشه استفاده کرد که خیلی هم مرسوم نیست هیچ راه دیگه ای وجود نداره , ولی افقی خیلی راحته .

درکل align="center" زو که میشه تو همه جا استفاده کرد ولی مسنکه خوده اینکار استاندارد نیست

[milky way]

ها؟
راست میگی ها!×!
ولی آخه margin رو بعدش اضافه کردم که!×!


درکل align="center" زو که میشه تو همه جا استفاده کرد ولی مسنکه خوده اینکار استاندارد نیست

سنتر کردن عمودی !؟ یعنی مثلا لایه از بالا و پایین وسط صفحه قرار بگیره کلا این کار یکمی در لایه سخته و خیلی هم البته کاربردی نیست کلا کثرا دنبال سنتر کردن افقی هستن . در مورد استفاده از تگ Center هم دقت کن چون تگ منسوخ شده ای هست و همچنین استفاده از لایه در table که اصلا کار جالبی نیست .