وسط نشون دادن سایت در راستای عمودی

[Nocturne]

سلام. کل سایتم رو در یک table طراحی کردم که توش

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

زدم و از نظر افقی وسط صفحه نشون داده میشه.
میخواستم بدونم اگه بخوام به لحاظ عمودی هم وسط باشه باید چی کار کنم؟

+
اگه تو table نبود چطور؟

[tasnim68]

فکر کنم تو جدول بشه برای td مورد نظر valign رو هم مساوی middle گذاشت. ولی خارج از جدول رو مطمئن نیستم. چون خودم بار ها سعی کردم تو div ها این کار رو انجام بدم ولی با وجود تعریف استایل هایی شامل vertical-align: middle و ... باز هم به نتیجه نرسیدم.

[dfarsan]

با position

[tasnim68]

با position؟ چطوری؟

[Nocturne]

فکر کنم تو جدول بشه برای td مورد نظر valign رو هم مساوی middle گذاشت. ولی خارج از جدول رو مطمئن نیستم. چون خودم بار ها سعی کردم تو div ها این کار رو انجام بدم ولی با وجود تعریف استایل هایی شامل vertical-align: middle و ... باز هم به نتیجه نرسیدم.

اون valign رو من هم امتحان کردم ولی ارتباطی با این موضوع نداره. اون تعیین میکنه که محتویات یک سلول چطوری نشون داده بشه.

[MojiOS]

دوست عزیز برای تگ body جهار اتریبیوت وجود داره:
Topmargin
Leftmargin

marginheight
marginwidth

دو تا اتریبیوتی که اول نوشتم تاثیرش در مرورگر IE هست و دو تای بعدی در Firefox و...
اتریبیوت های Topmargin و Marginheight برای فاصله دادن table از بالا و پایین صفحه، و اتریبیوت های Left Margin و Marginwidth برای فاصله دادن table از سمت چپ و راست صفحه استفاده می شن. ولیو های این اتریبیوت ها هم عددی هست بر حسب پیکسل. از این اتریبیوت ها استفاده کنید احتمالا مشکلتون حل میشه.

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

در html کدی وجود نداره که Table از لحاظ عمودی Center نمایش داده بشه. باید از دستورات CSS استفاده کنید. ولی استفاده از اتریبیوت هایی که براتون ذکر کردم می تونه به حل مشکلتون کمک کنه

[tasnim68]

اون valign رو من هم امتحان کردم ولی ارتباطی با این موضوع نداره. اون تعیین میکنه که محتویات یک سلول چطوری نشون داده بشه.

valign ایرادی نداره و اگه تعریف شه محتوا رو همیشه وسط (عمودی) نشون میده؛ ولی مسئله ای که اینجا وجود داره اینه که باید جدول فیت صفحه شه تا محتوا وسطش قرار بگیره، وگرنه طول و عرضش بطور خودکار برابر همون طول و عرض محتوا میشه که در این صورت با وجود اینکه محتوا از نظر عمودی و افقی وسط جدول قرار داره ولی این خود جدوله که وسط صفحه نیست؛ حالا ما باید سعی کنیم ابعاد این جدول رو با ابعاد پنجره مرورگر یکی کنیم تا محتوا تو وسط جدول و در نتیجه وسط پنجره قرار بگیره.
برای فیت کردن عرض جدول با عرض مرورگر کافیه width جدول رو برابر 100٪ قرار بدیم، ولی برای فیت کردن ارتفاع جدول با ارتفاع پنجره مرورگر من راه حلی ندارم! اول میگفتم شاید اگه height جدول رو هم مساوی 100٪ بذاریم ارتفاع هم فیت بشه که برای من این اتفاق نیفتاد.

[MojiOS]

valign ایرادی نداره و اگه تعریف شه محتوا رو همیشه وسط (عمودی) نشون میده؛ ولی مسئله ای که اینجا وجود داره اینه که باید جدول فیت صفحه شه تا محتوا وسطش قرار بگیره، وگرنه طول و عرضش بطور خودکار برابر همون طول و عرض محتوا میشه که در این صورت با وجود اینکه محتوا از نظر عمودی و افقی وسط جدول قرار داره ولی این خود جدوله که وسط صفحه نیست؛ حالا ما باید سعی کنیم ابعاد این جدول رو با ابعاد پنجره مرورگر یکی کنیم تا محتوا تو وسط جدول و در نتیجه وسط پنجره قرار بگیره.
برای فیت کردن عرض جدول با عرض مرورگر کافیه width جدول رو برابر 100٪ قرار بدیم، ولی برای فیت کردن ارتفاع جدول با ارتفاع پنجره مرورگر من راه حلی ندارم! اول میگفتم شاید اگه height جدول رو هم مساوی 100٪ بذاریم ارتفاع هم فیت بشه که برای من این اتفاق نیفتاد.

ما دو نوع Table داریم:
Master
Slave
اندازه تیبل مستر هیچ وقت نباید بر حسب درصد باشه. اندازش باید 1000 پیکسل یا کمتر باشه. اگر این عدد بر حسب درصد باشه سایت در مانیتورهای مختلف با رزولوشن های متفاوت، به هم ریخته نشون داده میشه.

[Nocturne]

دوست عزیز برای تگ body جهار اتریبیوت وجود داره:
Topmargin
Leftmargin

marginheight
marginwidth

دو تا اتریبیوتی که اول نوشتم تاثیرش در مرورگر IE هست و دو تای بعدی در Firefox و...
اتریبیوت های Topmargin و Marginheight برای فاصله دادن table از بالا و پایین صفحه، و اتریبیوت های Left Margin و Marginwidth برای فاصله دادن table از سمت چپ و راست صفحه استفاده می شن. ولیو های این اتریبیوت ها هم عددی هست بر حسب پیکسل. از این اتریبیوت ها استفاده کنید احتمالا مشکلتون حل میشه.

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

در html کدی وجود نداره که Table از لحاظ عمودی Center نمایش داده بشه. باید از دستورات CSS استفاده کنید. ولی استفاده از اتریبیوت هایی که براتون ذکر کردم می تونه به حل مشکلتون کمک کنه

اینی که گفتید مثل اینست که بالا و پایین جدول <br> بزنیم. چیزی که من میگم نیست
من میخوام همون حالتی که در width برابر 100٪ اتفاق میفته برای هم height باشه

---------- Post added at 01:23 AM ---------- Previous post was at 01:20 AM ----------

valign ایرادی نداره و اگه تعریف شه محتوا رو همیشه وسط (عمودی) نشون میده؛ ولی مسئله ای که اینجا وجود داره اینه که باید جدول فیت صفحه شه تا محتوا وسطش قرار بگیره، وگرنه طول و عرضش بطور خودکار برابر همون طول و عرض محتوا میشه که در این صورت با وجود اینکه محتوا از نظر عمودی و افقی وسط جدول قرار داره ولی این خود جدوله که وسط صفحه نیست؛ حالا ما باید سعی کنیم ابعاد این جدول رو با ابعاد پنجره مرورگر یکی کنیم تا محتوا تو وسط جدول و در نتیجه وسط پنجره قرار بگیره.
برای فیت کردن عرض جدول با عرض مرورگر کافیه width جدول رو برابر 100٪ قرار بدیم، ولی برای فیت کردن ارتفاع جدول با ارتفاع پنجره مرورگر من راه حلی ندارم! اول میگفتم شاید اگه height جدول رو هم مساوی 100٪ بذاریم ارتفاع هم فیت بشه که برای من این اتفاق نیفتاد.

منم دقیقا اومدم همینو بگم که دیدم شما نوشتید

من در نظر گرفتم که تیبل ما داخل یه تیبل دیگه باشه که فقط یه سلول داره. (یعنی یه سطر و یه ستون)
اگر این تیبل از نظر افقی و همینطور عمودی فیت میشد، تیبل ما که داخل این تیبل هست میتونست با valign اون حالت رو پیدا کنه...