PDA

View Full Version : قرارگیری المنت در وسط صفحه


mRizvandi
پنج شنبه 18 مرداد 1386, 18:52 عصر
سلام

من یک صفحه دارم که داخل اون فقط یک div دارم و می خوام این div ومحتویاتش دقیقا وسط صفحه دیده بشن. (از سایزهای ثابت نمی خوام استفاده کنم.) خیلی هم با Css کار کردم که بشه ارتفاع ها رو درصدی داد ولی موفق نشدم.
فرقی هم نداره که از div استفاده بشه یا از table فقط وسط صفحه قرار بگیره کافیه

پیشاپیش متشکرم
رها
پنج شنبه 18 مرداد 1386, 19:04 عصر
<div align=center>
mRizvandi
پنج شنبه 18 مرداد 1386, 19:20 عصر
سلام

نه عزیز من، من می خوام در ارتفاع وسط قرار بگیره
!!!
I,Nobody
پنج شنبه 18 مرداد 1386, 20:04 عصر
<table style="width: 100%; height: 100%;"><tr><td align=center>Salaaaaam</td></tr></table>
mRizvandi
پنج شنبه 18 مرداد 1386, 20:38 عصر
سلام

اتفاقا این هم یکی از تستهایی بود که انجام دادم. در زمان طراحی همه چی خوبه، اما در زمان اجرا وسط صفحه (ارتفاع) قرار نمی گیره و فقط عرضی وسطه؟!؟!؟!!؟؟
m.hamidreza
پنج شنبه 18 مرداد 1386, 23:18 عصر
اینو بنویس :




<div style="position: absolute; left: 50%; top: 50%; width: 100px; height: 30px; z-index: 1" id="layer1">Salam
</div>



:چشمک:
I,Nobody
جمعه 19 مرداد 1386, 09:55 صبح
من مطمئنم اون چیزی رو که نوشتم، کار میکنه. تستش کن
tabib_m
جمعه 19 مرداد 1386, 11:49 صبح
غیر استاندارده...
(والا من آخرش نفهمیدم چجوری میشه با height ی که مقدارش 100% هست کار کرد -آخه مورد نیازه!- )

لازم به ذکر است که کدهای جاواسکریپت گاهی میان به کمک آدم (که الان کدش رو یادم نیست، اگر پیدا کردم همینجا میذارم)
I,Nobody
جمعه 19 مرداد 1386, 14:03 عصر
غیر استاندارده

من نگفتم استاندارده.
اصلاً از نظر W3 ارتفاع درصدی دادن به جدول اصلی، غیر استاندارده.
ولی این دوستمون راه حل خواستن، من هم ارائه دادم. البته من خودم بارها به این راه حل نیاز پیدا کردم.
oxygenws
جمعه 19 مرداد 1386, 14:20 عصر
اصلاً از نظر W3 ارتفاع درصدی دادن به جدول اصلی، غیر استاندارده.
چیش غیر استاندارده؟؟
کجا گفته که نمی شه ارتفاع ۱۰۰٪ با CSS به جداول داد؟!!
m.hamidreza
جمعه 19 مرداد 1386, 14:50 عصر
من مطمئنم اون چیزی رو که نوشتم، کار میکنه. تستش کن

تو ارتفاع وسط قرار نمیگیره ! ;)


(والا من آخرش نفهمیدم چجوری میشه با height ی که مقدارش 100% هست کار کرد -آخه مورد نیازه!- )

کدی که من گذاشتمو تست بفرمایید . درسته ! ارتفاع 100% معنی نداره باید position رو absolute بدی بعد با left و top مقدار دهی کنی برادر . . .


کجا گفته که نمی شه ارتفاع ۱۰۰٪ با CSS به جداول داد؟!!

میشه ولی تست بفرمایید ببینید به جواب هم میرسید ؟! با این کار به جواب نمی رسی . . .
oxygenws
جمعه 19 مرداد 1386, 14:54 عصر
میشه ولی تست بفرمایید ببینید به جواب هم میرسید ؟! با این کار به جواب نمی رسی . . .
اصولا CSS توسط یک مفسر تفسیر میشه و اگر مفسر بی شعور باشه، CSS درست تفسیر نمی شه و بالعکس.
در مورد اپرا و فایرفاکس که این مورد جواب می ده و احتمالا شما با اینترنت اکسپلورر کار می کنید که مشکل دارید.

به هر ترتیب، «استاندارد» ربطی به این نداره مفسر ها چطوری تفسیرش می کنند.
m.hamidreza
جمعه 19 مرداد 1386, 15:09 عصر
در مورد اپرا و فایرفاکس که این مورد جواب می ده و احتمالا شما با اینترنت اکسپلورر کار می کنید که مشکل دارید.


کدوم مورد جواب میده ؟!!!
شما چیو تست کردی ؟ سوال رو دوباره مطالعه بفرمایید . ربطی به browser نداره !
oxygenws
جمعه 19 مرداد 1386, 18:07 عصر
کدوم مورد جواب میده ؟!!!
پست شمارهء چهار


ربطی به browser نداره !
تفسیر کد ها دقیقا به مرورگر ربط داره.
m.hamidreza
شنبه 20 مرداد 1386, 12:20 عصر
پست شمارهء چهار

یعنی این کد سلام رو هم تو طول و هم تو عرض صفحه ، وسط صفحه نشون میده ؟
من هم تو Opera و هم تو Firefox تست کردم فقط در width وسط نشون میده ! تو ارتفاع وسط نیست . . .
oxygenws
شنبه 20 مرداد 1386, 13:00 عصر
یعنی این کد سلام رو هم تو طول و هم تو عرض صفحه ، وسط صفحه نشون میده ؟
من هم تو Opera و هم تو Firefox تست کردم فقط در width وسط نشون میده ! تو ارتفاع وسط نیست . . .
آره...
(حالا بماند که table روش درستی هست یا نه!! :دی)
m.hamidreza
یک شنبه 21 مرداد 1386, 13:59 عصر
خوب من میگم اینجوری نیست ! تست کردم . . .
Voldemort
جمعه 26 مرداد 1386, 11:36 صبح
این کد لعنتی رو از بالای صفحه وب حذف کنید جواب می گیرید!!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
اَرژنگ
دوشنبه 29 مرداد 1386, 02:35 صبح
Vertical Centering with a Floated Shim
http://exanimo.com/css/vertical-centering-with-a-floated-shim/