keyboard_return  چسبون مقالات آموزشی چسباندن فوتر به آخر صفحه
  1. چسباندن فوتر به آخر صفحه

خیلی از طراحان وب با این مشکل روبرو هستن که فوتر به آخر page نمیچسبه. خب با چند مرحله ی ساده می توانید این مشکل را برطرف کنید.

مشکل نچسبیدم فوتر به آخر 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>

همچنین می توانید فایل را دانلود کنید و نتیجه را خودتان مشاهده کنید. چسبون همراه همیشگی برنامه نویسان.

چسباندن فوتر به آخر صفحه - 4.2 از 5 بر اساس 150 رای

امتیاز کاربران

چسباندن فوتر به آخر صفحه
دیدگاه‌ها
یونس یونس 4 سال پیش
خیلی خوب بود خلاصه، ممنون

2023 © Copyright کليه حقوق مادی و معنوی براي چسبون محفوظ است و هرگونه کپی برداری پیگرد قانونی دارد.