PDA

View Full Version : مشکل چسباندن فوتر به انتهای صفحه و تگ form server


whiterabbit
جمعه 14 تیر 1392, 14:37 عصر
دوستان من با استفاده از توضیحات این صفحه فوتر سایت و به انتهای صفحه چسبوندم
http://webgoo.ir/149/%DA%86%D8%B3%D8%A8%DB%8C%D8%AF%D9%86-%D9%81%D9%88%D8%AA%D8%B1-%D9%82%D8%A7%D9%84%D8%A8-%D8%A8%D9%87-%D9%BE%D8%A7%D8%A6%DB%8C%D9%86-%D8%B5%D9%81%D8%AD%D9%87-%D8%A8%D8%A7-css
اما وقتی این کد تو بین کدهام باشه فوتر به انتهای صفحه نمیچسبه
<form id="form1" runat="server">
</form>
farzane_t
جمعه 14 تیر 1392, 16:35 عصر
این خصوصیات رو هم به footer اضافه کنید :


position:fixed;
bottom:0;
whiterabbit
دوشنبه 17 تیر 1392, 10:48 صبح
مشکلم حل شد فقط الان یک div در قسمت بالاش قرار میدم (به عنوان دایو main) هرچی ارتفاع بهش میدم میاد زیر دایو فوتر
farzane_t
دوشنبه 17 تیر 1392, 14:37 عصر
منظورتون بالای footer ؟ اگه این div رو زیر divهایی قرار میدین که از خاصیت float استفاده کردن ، clear:both رو استفاده کنید.
whiterabbit
دوشنبه 17 تیر 1392, 16:48 عصر
درست نشد
ببینید من طبق اون وبلاگی که معرفی کردید کار و انجام داد و قالب و ساخت و صحیح انجام شد
(فوتر چسبید به پایین صفحه)

حالا برای div بدنه جایی که بخوام بدنه ی سایتم و ایجاد کنم هر متدی میذارم ممیر زیر فوتر
farzane_t
دوشنبه 17 تیر 1392, 17:46 عصر
یه تصویر با paint از قالبی که میخواین درست کنین بزارین تا بتونم کمکتون کنم.
whiterabbit
دوشنبه 17 تیر 1392, 20:25 عصر
106894
منظورم اون div سفیدست که میره زیر فوتر
farzane_t
دوشنبه 17 تیر 1392, 21:18 عصر
کد html :


<div id="up">
<div id="row1">menu</div>
<div id="row2">
<div id="main">
main div
</div>
</div>
</div>
<div id="footer">
footer
</div>



کد css :


body
{
background-color:#edebe9;
}

#up
{
width:100%;
background-color:#edebe9;
min-height:600px;
left:0;
}
#row1
{
width:100%;
height:50px;
}
#row2
{
width:100%;
height:100%;
}
#main
{
height:100%;
min-height:600px;
background:white;
margin-left:20px;
margin-right:20px;
}
#footer
{
width:100%;
height:100px;
bottom:0;
left:0;
position:fixed;
background:#d5d3d0;
}


البته css رو شاید خیلی بهتر از این بشه نوشت، اما من در همین حد بلدم.
whiterabbit
سه شنبه 18 تیر 1392, 17:30 عصر
ببخشید من پروژم تحت master page هستش
و در ضمن تگ form رو کجا قرار میدید؟
farzane_t
سه شنبه 18 تیر 1392, 17:42 عصر
همه اون کد باید درون تگ form قرار بگیره.



<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div id="up">
<div id="row1">menu</div>
<div id="row2">
<div id="main">
main div
</div>
</div>
</div>
<div id="footer">
footer
</div>lll
</form>
</body>
</html>



درمورد مستر پیج، قالب اونجا طراجی میشه، یعنی وقتی کد نویسی کردید ، ContentPlaceHolder رو بندازید داخل divی که قرار نیست ثابت باشه.
whiterabbit
پنج شنبه 20 تیر 1392, 12:18 عصر
ببخشید اما من وقتی ارتفاع دایو main رو اضافه می کنم میر زیر فوتر بازم!
من می خوام وقتی اسکرول میشه صفحه فوتر هم بیاد پایین. نه اینکه اونجا فیکس ثابت باشه
farzane_t
جمعه 21 تیر 1392, 18:04 عصر
آها متوجه شدم. این لینک رو ببینید :
http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
zerocool151
جمعه 21 تیر 1392, 18:30 عصر
بخاطر position:fixed هست که این مشکلا پیش اومده
یه min-height به سطر وسط بدی مشکل حل میشه
mohammad kafiyan
جمعه 21 تیر 1392, 23:36 عصر
بهترین راه حل برای این کار این است که اصلا نیازی نیست به فوتر fixed کنید
شما به همان فضای محتویات min-hight بده یا اصلا هم که ندادی مشکل بوجود نمی آید و فوتر بر حسب فضای محتویات یا همان content تعیین می شود نکته که وجود داشت که دوستمون هم گفتند clear:both در فوتر قرار بدهید