mk-73

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

10 پست در این موضوع قرار دارد

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

width:100%;

height:100%px;

background:#0590e8;

float:right;

0

به اشتراک گذاری این پست


لینک به پست

سلام


footer{
position:fixed;
bottom:0
}

2

به اشتراک گذاری این پست


لینک به پست

از این کد 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;

0

به اشتراک گذاری این پست


لینک به پست

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

width:100%;

background:#0590e8;

float:right;

margin-top:53px;

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

0

به اشتراک گذاری این پست


لینک به پست

به اشتراک گذاری این پست


لینک به پست

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

width:100%;

background:#0590e8;

float:right;

margin-top:53px;

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

0

به اشتراک گذاری این پست


لینک به پست


<!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بکگراند تاثیر گذار میشود علتش چیه؟باتشکر

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

موفق باشید .

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری