رفتن به مطلب

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


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

سلام خدمت دوستان گرامی من بخوام 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%'
})
}
})

  • امتیاز 2
لینک به ارسال

دوستان ممنون از لطفتون ولی وقتی 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
  • امتیاز 1
لینک به ارسال

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

لینک به ارسال

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

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

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

موفق باشید .

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید



ورود به حساب کاربری
×
×
  • اضافه کردن...