خیلی از طراحان وب با این مشکل روبرو هستن که فوتر به آخر page نمیچسبه. خب با چند مرحله ی ساده می توانید این مشکل را برطرف کنید.
مشکل نچسبیدم فوتر به آخر page[/caption] اگر شما این مشکل رو دارید که در تصویر پایین آورده شده :
به این صورت عمل کنید: در css به شکل زیر عمل کنید:
html,
body {
margin:0;
padding:0;
height:100%;
}
#wrapper {
min-height:100%;
position:relative;
}
#footer {
background:#ffab62;
width:100%;
height:100px;
position:absolute;
bottom:0;
left:0;
}
در فایل html به شکل زیر عمل کنید:
height:100%;
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>How To Keep Your Footer At The Bottom of The Page - CSSReset.com</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if lt IE 7]>
<style type="text/css">
#wrapper { height:100%; }
</style>
<![endif]-->
</head>
<body>
<div id="wrapper">
<div id="header">
</div><!-- #header -->
<div id="content">
</div><!-- #content -->
<div id="footer">
</div><!-- #footer -->
</div><!-- #wrapper -->
</body>
</html>
همچنین می توانید فایل را دانلود کنید و نتیجه را خودتان مشاهده کنید. چسبون همراه همیشگی برنامه نویسان.
