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

mk-73 · مرداد 94

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

width:100%;

height:100%px;

background:#0590e8;

float:right;

مهدی · مرداد 94

سلام


footer{
  position:fixed;
  bottom:0
}

دانیال · مرداد 94

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


$(function(){

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

mk-73 · مرداد 94

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

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

دانیال · مرداد 94

دوستان ممنون از لطفتون ولی وقتی Posistion:fixedقرار میدم فوترم میاد رو دایوه های دیگه قرار میگیره وکل صفحه را پرمیکند عرضش ؟از این کد ها استفاده کردم.
width:100%;
background:#0590e8;
float:right;
margin-top:53px;

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

مهدی · مرداد 94

نمونه

دانیال · مرداد 94

دوستان ممنون از لطفتون ولی وقتی Posistion:fixedقرار میدم فوترم میاد رو دایوه های دیگه قرار میگیره وکل صفحه را پرمیکند عرضش ؟از این کد ها استفاده کردم.
width:100%;
background:#0590e8;
float:right;
margin-top:53px;

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

mahdimp · شهریور 94


<!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/

ویرایش شده شهریور 94 توسط mahdimp

mk-73 · شهریور 94

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

mahdimp · شهریور 94

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

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

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

موفق باشید .

ورود

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

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

mk-73 165

لینک به ارسال

مهدی 1668

لینک به ارسال

دانیال 172

لینک به ارسال

mk-73 165

لینک به ارسال

دانیال 172

لینک به ارسال

مهدی 1668

لینک به ارسال

دانیال 172

لینک به ارسال

mahdimp 4

لینک به ارسال

mk-73 165

لینک به ارسال

mahdimp 4

لینک به ارسال

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

فهرست بخش ها

فعالیت ها