قراردادن فوتر پایین صفحه

[farzane_t]

سلام دوستان


دارم یه سایت طراحی می کنم و برای قالبش از div استفاده کردم. مشکلم الان با footer. نمی دونم چطور پایین صفحه ، بدون اینکه بخواد به محتویات صفحه مرتبط باشه نگهش دارم. زیاد گشتم. همه گفتند position :absolute و bottom:0. اما وقتی اینکارو می کنم بالای صفحه روی دیوهای دیگه قرار می گیره.
یه دیو اصلی دارم که توش یه هدر دارم. یه کانتنت که خودش سه تا دیو داخلشه. و یه فوتر که زیر کانتنت قرار می گیره.
واسه دیو اصلی و هدر وکانتنت و فوتر margin-left و margin-right رو auto گذاشتم که وسط قرار بگیرند. و width: 980px .




ممنون

[farazjalili]

سلام من کامل مشکل را متوجه نشدم ولی برای footer خوب کافی طبق کاری که انجام داده اید 3 تا div داشته باشین یکی برای header یکی برای content و یکی هم برای footer وبرای منوها می تونی div content را تقسیم بندی کنی

[farzane_t]

بله همین کارو انجام دادم.
من میخوام این footer همیشه پایین صفحه قرار بگیره. حالا چه درون دیوهای بالاییش چیزی باشه چه نباشه.
الان این footer چسبیده به content و اگه درون این content چیزی نباشه , Footer دقیقا چسبیده به اون و وسط صفحه قرار میگره. اگه لازمه عکس از صفحه یا کدها رو بزارم.

[saeedtrb]

فكر مي كنم اگه يه كلاس درست كني كد زير رو درونش بزاري وقبل از بستن تگ warp بزاري حلشه
.clear
{
clear:both;
}

[farzane_t]

فكر مي كنم اگه يه كلاس درست كني كد زير رو درونش بزاري وقبل از بستن تگ warp بزاري حلشه
.clear
{
clear:both;
}

clear رو گذاشته بودم. اما اون warp رو که فرمودین متوجه نشدم.

[emad4000]

من میخوام این footer همیشه پایین صفحه قرار بگیره. حالا چه درون دیوهای بالاییش چیزی باشه چه نباشه. .

یکی از کارهایی که می تونین انجام بدین اینه که یه ستون الکی درست کنین و بزارین بغل اون سه تا ستون که ارتفاعش حدوداً برابر با ارتفاع صفحه باشه و عرضش صفر، در این صورت اگه کانتنت خالی باشه که به خاطر این ارتفاع ثبت شده، فوتر میره پایین صفحه، اگر هم پر بشه، کانتنت بزرگ و بزرگتر میشه و فوتر هم میره پایین تر


#alaki{
height:550px;
width:0px;
}

<div id="alaki"></div>

[emad4000]

یک راه دیگه اش هم که آسون تر و بهتره، اینه که برای Content خاصیت زیر رو قرار بدی

min-height:500px;



clear رو گذاشته بودم. اما اون warp رو که فرمودین متوجه نشدم.
در مورد این سوال هم، احتمالاً منظور از Warp همون Wrapper بوده. Wrapper تگ Div اصلی صفحه است که همه چیز داخلش هست

[farzane_t]

یکی از کارهایی که می تونین انجام بدین اینه که یه ستون الکی درست کنین و بزارین بغل اون سه تا ستون که ارتفاعش حدوداً برابر با ارتفاع صفحه باشه و عرضش صفر، در این صورت اگه کانتنت خالی باشه که به خاطر این ارتفاع ثبت شده، فوتر میره پایین صفحه، اگر هم پر بشه، کانتنت بزرگ و بزرگتر میشه و فوتر هم میره پایین تر


#alaki{
height:550px;
width:0px;
}

<div id="alaki"></div>


ممنونم. اینم راه جالبیه
اما راه های دیگه ای هم هست. من امتحانشون کردم تا وقتی که content فقط یه div باشه مشکلی نداره اما وقتی به دوتا div تقسیمش می کنم مشکل پیدا میکنه. اینم لینک مطلبی که میگم :
http://www.cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css

[saeedtrb]

اگه يه نمونه ساده از قالب سايتتون بزاريد بهتر مي تونيم راهنمايي كنيم
اين فايل برسي كنيد
http://uplod.ir/fo6jggswbneg/Untitled1.zip.htm

[meisam3322]

قرار دادن footer (http://stackoverflow.com/questions/5189238/how-to-make-a-footer-fixed-in-the-page-bottom)

[farzane_t]

اگه يه نمونه ساده از قالب سايتتون بزاريد بهتر مي تونيم راهنمايي كنيم
اين فايل برسي كنيد
http://uplod.ir/fo6jggswbneg/Untitled1.zip.htm
اینم یه نمونه ساده از قالب سایت.
ممنون

http://uplod.ir/h7y0mk17gkjm/layout.zip.htm

[saeedtrb]

اینم یه نمونه ساده از قالب سایت.
ممنون

http://uplod.ir/h7y0mk17gkjm/layout.zip.htm
فايلتون خرابه

[mehbod.rayaneh]

فک کنم به div footer اگه float بدید حل بشه! خودم قبلا همین مشکلو داشتم ک همین مدلی حلش کردم! :D

[meisam3322]

ببینید دوست عزیز ، شما یه DIV به صفحتون اضافه کنین. حالا با کمک css ، مقدار bottom رو برابر 0 قرار بدین، position رو هم برابر fixed ، خیلی راحت div شما در پایین صفحتون قرار میگیره . این هم یه مثال که براتون ضمیمه کردم.

99677

موفق باشید

[farzane_t]

ببینید دوست عزیز ، شما یه DIV به صفحتون اضافه کنین. حالا با کمک css ، مقدار bottom رو برابر 0 قرار بدین، position رو هم برابر fixed ، خیلی راحت div شما در پایین صفحتون قرار میگیره . این هم یه مثال که براتون ضمیمه کردم.

99677

موفق باشید

درسته. اما من divی که واسه فوتر گذاشتم طولش مشخصه. وقتی bottom رو صفر بدم و position هم fixed فوتر میاد پایین صفحه و از سمت چپ هم میچسبه به کنار صفحه. مقدار left هم که مشخص نیست که بخواهم بدم.

[farzane_t]

فايلتون خرابه

مجدد فایل رو گذاشتم.
معذرت می خوام.

http://uplod.ir/jpfx3d71moou/layout.rar.htm

[saeedtrb]

ميشه يكم در مورد قالبتون توضيح بديد دقيقا مي خوان چي كارشه آخه فوتر اين كه سر جاشه

[farzane_t]

بله، سرجاش که هست. اما الن به پایین صفحه نچسبیده. یعنی تا وسط صفحه نشون داده میشه. به کمک یکی از دوستام متوجه شده که در این مورد اگه height فرم رو 100% بزارم ، مشکل حل میشه. تقریبا هم میشه گفت درست شد، اما اونی نیست که می خواستم.

در واقع می خوام فوتر به محتویات دیوهای بالای خودش وابسته نباشه و حتی اگه درون اونا چیزی نبود باز فوتر انتهای صفحه (یعنی چسبیده به پایین مونیتور) نشون داده بشه.

[کامروا]

بله، سرجاش که هست. اما الن به پایین صفحه نچسبیده. یعنی تا وسط صفحه نشون داده میشه. به کمک یکی از دوستام متوجه شده که در این مورد اگه height فرم رو 100% بزارم ، مشکل حل میشه. تقریبا هم میشه گفت درست شد، اما اونی نیست که می خواستم.

در واقع می خوام فوتر به محتویات دیوهای بالای خودش وابسته نباشه و حتی اگه درون اونا چیزی نبود باز فوتر انتهای صفحه (یعنی چسبیده به پایین مونیتور) نشون داده بشه.

به انتهای مانیتور چسبیده باشه یعنی همیشه یک جای ثابت داشته باشه؟ مثلا bottom: -1200px باشه همیشه ؟!
اگر منطور شما همین است قسمت Footer رو به این شکل بنویسید :
div#footer
{
width: 960px;
height: 50px;
position: absolute;
bottom: -1200px;
left: 195px;
clear: both;
background-color: #FF9933;
}