چسبیدن footer به ته پیج و هدر به بالای پیج

[behnam shamlo]

من میخوام header بچسبه به بالای مرورگر بدون حتی یک پیکسل فاصله در بالا و چپ و راست
و footer هم بچسبه به کف مرورگر بدون حتی یک پیکسل فاصله درپایین و چپ و راست
قسمت محتویات صفحه بین headr , footer با توجه به متن یا هر چیز دیگه که داخلش هست کش بیاد و در کل اسکرول هم اگر قراره بشه همون اسکرول مرورگر باشه نه اینکه یک اسکرول هم برای قسمت محتویات اضافه بشه.
بنابراین یه قالبی میخوام که هدر همیشه در بالاترین قسمت پیج و چسبیده به بالا و footer در پایین ترین قسمت و چسبیده به کف حتی بدون یک پیکسل فاصله حتی در چپ و راست
اگه میشه راهنمایی کنید

[hamidre13]

واسه این کار ابتدا شما بایند از یه فایل سی اس اس ریست استفاده کنید تا تمام مارجین و پدینگ ها ریست شه:اینم یه نمونه از این ریست ها (http://css-tricks.com/snippets/css/meyer-reset/)
حال باید به المنت های فوتر و هدر پوزشین fix بدید به هدر تاپ رو صفر بدید و به فوتر باتوم رو صفر بدید.
موفق باشید

[behnam shamlo]

واسه این کار ابتدا شما بایند از یه فایل سی اس اس ریست استفاده کنید تا تمام مارجین و پدینگ ها ریست شه:اینم یه نمونه از این ریست ها (http://css-tricks.com/snippets/css/meyer-reset/)
حال باید به المنت های فوتر و هدر پوزشین fix بدید به هدر تاپ رو صفر بدید و به فوتر باتوم رو صفر بدید.
موفق باشید
حمید جان خیلی ممنون،ولی میشه بیشتر راهنمایی کنید.اینها css هاش بود ولی div ها رو به چه صورت بکار ببرم
اگه میشه فقط یه مثال خیلی ساده از اینکه صفحه 3 قسمت بشه برام بزنید

[colors]

درود

دیوها فقط کافیه زیر مجموعه تگ BODY باشن - position:absolute عرض و ارتفاع رو مشخص کن وبالایی top:0 و پایینی bottom:0 بده

موفق باشی

[Saber Mogaddas]

سلام
78466

اگه مشکلی داشتین بپرسید..

[behnam shamlo]

سلام
78466

اگه مشکلی داشتین بپرسید..
صابر جان مثل همیشه عالی. دمت گرم داداش .دیدم دقیقا همونی بود که میخواستم.اگه سئوالی بود مزاحم میشم

[زهرا68]

سلام.یه سوال: چرا برای من دیو main ام با اسکرول کردن میاد روی هیدر؟؟؟

[s2/mri]

سلام

چقدر خوبه که جستجو انجام دادین به جای ایحاد یک تاپیک جدید.:لبخندساده:

سلام.یه سوال: چرا برای من دیو main ام با اسکرول کردن میاد روی هیدر؟؟؟


از z-index استفاده کنین احتمال زیاد مشکلتون حل میشه

[مهناز.ف]

سلام
78466

اگه مشکلی داشتین بپرسید..

ممنونننننننننننننننننننن . من ۲ ساعت داشتم با کدهام کلنجار میرفتم که راست و چپش بچسبه .
خیلی راهنماییه خوبی بود ممنونم .

:تشویق::تشویق::تشویق::تشویق::� �شویق::تشویق::تشویق::تشویق::ت� �ویق:

[amir868]

سلام
78466

اگه مشکلی داشتین بپرسید..

این کد جواب میده فقط یه مشکلی که من گاهی اوقات بهش بر میخورم اینه که وقتی محتویات صفحه کمتر از ارتفاع صفحه باشه footer هم بالا میاد و پایین قرار نمیگیره معمولا با margin دادن یا چیزای دیگه میشه حل ش کرد ولی وقتی برای CMS ها کد مینویسید و کد ها ثابت ه نمیشه کاری کرد ممنون میشم اگه راهی بلدید من رو هم راهنمایی کنید