رفتن به مطلب

چسبیدن فوتر در انتهای صفحه


پست های پیشنهاد شده

سلام خدمت دوستان گرامی من بخوام footerسایتم در انتهای صفحه قرار بگیرد باید چیکار کنم؟این کدهام هست ممنون

width:100%;

height:100%px;

background:#0590e8;

float:right;

لینک به ارسال

از این کد jQuery استفاده کنید


$(function(){

if ($('body').height() < $(window).height()){
$('footer').css({
position:'fixed',
bottom:0,
left:0,
width:'100%'
})
}
})

لینک به ارسال

دوستان ممنون از لطفتون ولی وقتی Posistion:fixedقرار میدم فوترم میاد رو دایوه های دیگه قرار میگیره وکل صفحه را پرمیکند عرضش ؟از این کد ها استفاده کردم.

	width:100%;
background:#0590e8;
float:right;
margin-top:53px;

لینک به ارسال

دوستان ممنون از لطفتون ولی وقتی Posistion:fixedقرار میدم فوترم میاد رو دایوه های دیگه قرار میگیره وکل صفحه را پرمیکند عرضش ؟از این کد ها استفاده کردم.

width:100%;

background:#0590e8;

float:right;

margin-top:53px;

با اون کدی که من دادم این مشکل پیش نمیاد

لینک به ارسال

دوستان ممنون از لطفتون ولی وقتی Posistion:fixedقرار میدم فوترم میاد رو دایوه های دیگه قرار میگیره وکل صفحه را پرمیکند عرضش ؟از این کد ها استفاده کردم.

width:100%;

background:#0590e8;

float:right;

margin-top:53px;

وقتی width : 100% دیگه چرا از float استفاده میکنید !!!!!

لینک به ارسال


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Absolute Positioned Footer</title>
</head>
<body>
<div class="footer">
متن کپی رایت , فوتر شما
</div>
</body>
</html>


body{
position:relative;
margin:0;
padding:0;
font-family:tahoma;
background-color:#d3e0fe;
color:#333;
/* 1000px to check stability on scroll*/
height:1000px;
width:100%;
}
div.footer{
border-top:1px dotted #ddd;
padding:10px 0;
text-align:center;
color:#999;
position:absolute;
background-color:#333;
bottom:0;
left:0;
height:25px;
width:100%;

}

مشاهده پیش نمایش : http://codepen.io/MahdiMP/full/waVBea/

ویرایش شده توسط mahdimp
لینک به ارسال

سلام ممنون دوستان عزیز،درست شد،فقط یک سوال دیگه دارم من یک divکلی دارم که عناصر زیادی در این دایو قرار دارند خب بعد من اومدم این دایو را heaight:autoقرار داده ام بعد الان بکگراند به این دایو میدهم هیچ تاثیری نداره یعنی دایو بکگراند نمیگیره بعد که فرض کنید محدودش میکنم فرض کنید به heaight:1000pxبکگراند تاثیر گذار میشود علتش چیه؟باتشکر

لینک به ارسال

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

وقتی شما ارتفاع DIV رو روی حالت خودکار میگذارید . ارتفاع اون به صورت خودکار از ارتفاع عناصر داخلیش یا در اصلاح فرزنداش محاسبه میشه .

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

موفق باشید .

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...