PDA

View Full Version : سوال: Footer در سایت های داینامیک


ab.ali
جمعه 09 خرداد 1393, 10:16 صبح
با سلام، یک سوال دارم چطوری باید فوتر قالب های داینامیک رو درست کرد که هر مطلبی که میزاریم فوتر خیلی فاصله نگیره از مطلب، از طرف دیگه ساید بر هم هست و نمی شه فوتر رو به انتهای مطالب آورد؟؟؟
الطفا راهنمایی کنید!
meysam1366
جمعه 09 خرداد 1393, 10:22 صبح
سلام دوست عزیز

به فوتر توی سی اس اس خاصیت


clear: both;

بدید ببینید درست میشه
ab.ali
جمعه 09 خرداد 1393, 10:50 صبح
سلام دوست عزیز

به فوتر توی سی اس اس خاصیت


clear: both;

بدید ببینید درست میشه

ممنون ولی درست نشد!
ab.ali
جمعه 09 خرداد 1393, 10:54 صبح
بزارین جور دیگه ای بگم، چطور می شه کاری کرد که وقتی مطالب به Footer سایت رسیدن ، فوتر از این به بعد به نسبت ارتفاع مطالب بره پایین؟
miladdn13
جمعه 09 خرداد 1393, 11:20 صبح
تو اون دیوی که داری مطلب مینویسی فوترو بذار بعد واسه دیو ارتفاع تعریف نکن
ab.ali
جمعه 09 خرداد 1393, 11:55 صبح
ممنون ولی اگر داخل اون دیو بزارم که فوتر width ش 100% نمی شه و به اندازه خود دایو همون مطلب می شه!
در ضمن داخل دیو قرار مطلب وجود داشته باشه و نمی شه که مطلب ها ارتفاع نداشته باشن!
ab.ali
جمعه 09 خرداد 1393, 12:01 عصر
119664
نگاه کنید دوستان، الان اون دایو مطالبه که سر جای خودشه و ساید بار هم همین طور، اما مشکل فاصله مطلب ها تا فوتر هستش و به دلیل اینکه ساید بار هم وجود داره نمیشه که فوتر بیارم نزدیکتر به مطالب، چون فوتر میاد روی سایدبار، به خاطر همین باید چی کار کنم وقتی که مطالب اضافه بشن تا یک حدودی بدون تغییر فاصله فوتر باشه ، اما بعد از اینکه رسیدن به مثلا 10px فوتر ، فوتر هم با اضافه شدن مطالب بیاد پایین؟:لبخندساده:
mehbod.rayaneh
جمعه 09 خرداد 1393, 12:46 عصر
درود


<!DOCTYPE html>
<html>
<head>
<title>مهبد رایانه سپاهان</title>
<style>
*{margin:0;padding:0}
body{direction:rtl}
header{width:100%;min-height:200px;background:red;clear:both;text-align:center;font-size:50px}
section{width:100%;min-height:500px;overflow:hidden;clear:both}
footer{width:100%;background:green;clear:both;text-align:center;font-size:50px}
.content{float:right;width:70%;background:blue;}
.sidebar{float:right;width:30%;background:purple;}
</style>
</head>
<body>
<header>مهبد رایانه سپاهان</header>
<section>
<div class="content">
متن
</div>
<div class="sidebar">
سایدبار
<br>
سایدبار
<br>
سایدبار
<br>
سایدبار
<br>
سایدبار
<br>
سایدبار
<br>
سایدبار
<br>
سایدبار
<br>
سایدبار
<br>
سایدبار
</div>
</section>
<footer>فوتر سایت</footer>
</body>
</html>

پیروز باشید
mehbod.rayaneh
جمعه 09 خرداد 1393, 14:42 عصر
ممنون این کد چیه؟
1 فایل با پسوند html ایجاد کنید!
کد را تو 1 فایل کپی کنید!
ذخیره کنید!
فایلو با مرورگر باز کنید!
همون کدی هست ک شما میخواید!
ab.ali
جمعه 09 خرداد 1393, 14:50 عصر
ممنون مهبد جان(اگر باز اشتباه نگفته باشم)
بد توضیح دادم، متوجه نشدی، عذر می خوام!
به این قالبی که خودم ساختم یک نگاهی بنداز :
119675
وقتی که مطلبی اضافه می کنم فوتر به همون نسبت میاد پایین، درسته؟
جالا توی سایت هایی مثل downloadha اگر دقت کرده باشی اون شمرانده صفجات و مطالب و فوتر پشتر سرهم هستند و این قدر فوتر با مطالب و شماره های صفحات فاصله نداره!
اگر جایی ش رو متوجه نشدی بگو تا بیشتر توضیح بدم!:لبخندساده:
mehbod.rayaneh
جمعه 09 خرداد 1393, 14:56 عصر
ن! درسته! :چشمک:
دانلود ها برعکس این بود دیگه! ب جای این ک سایدبار زیاد باشه، مطالب زیاد بود!
ب خاطر همین شمارنده صفحات اومده و چسبیده ب فوتر!!!
در کل توضیح بیشتر لطفا!:لبخند:
ab.ali
جمعه 09 خرداد 1393, 14:59 عصر
دقیقا جالا چی کار کنم که footer روی sidebar نیاد ولی مثل downloadha به یک اندازه ثابت پایین بیان تا مثل من که فوتر از مطالبم 1000px فاصله داره؟
mehbod.rayaneh
جمعه 09 خرداد 1393, 15:18 عصر
جایی margin یا padding برای footer نداری؟
اگه همون کدی ک دادمو نگاه کنی میبینی ک با زیاد شدن مطالب توی ساید بار یا متن و بیشتر شدن این مقدار از 500 پیکسل فوتر ب سکشن میچسبه!
شما کدی ک نوشتیو قرار بده تا بشه دید مشکل کجاست!
اینو ببین :


<!DOCTYPE html>
<html>
<head>
<title>مهبد رایانه سپاهان</title>
<style>
*{margin:0;padding:0}
body{direction:rtl}
header{width:100%;min-height:200px;background:red;clear:both;text-align:center;font-size:50px}
section{width:100%;min-height:500px;overflow:hidden;clear:both}
footer{width:100%;background:green;clear:both;text-align:center;font-size:50px}
.content{float:right;width:70%;background:blue;}
.sidebar{float:right;width:30%;background:purple;}
</style>
</head>
<body>
<header>مهبد رایانه سپاهان</header>
<section>
<div class="content">
متن
</div>
<div class="sidebar">
سایدبار<br>سایدبار<br>سایدبار<br>سایدبار<br>
سایدبار<br>سایدبار<br>سایدبار<br>سایدبار<br>
سایدبار<br>سایدبار<br>سایدبار<br>سایدبار<br>
سایدبار<br>سایدبار<br>سایدبار<br>سایدبار<br>
سایدبار<br>سایدبار<br>سایدبار<br>سایدبار<br>
سایدبار<br>سایدبار<br>سایدبار<br>سایدبار<br>
سایدبار<br>سایدبار<br>سایدبار<br>سایدبار<br>
سایدبار<br>سایدبار<br>سایدبار<br>سایدبار<br>
سایدبار<br>سایدبار<br>سایدبار<br>سایدبار<br>
سایدبار<br>سایدبار<br>سایدبار<br>سایدبار<br>
سایدبار<br>سایدبار<br>سایدبار<br>سایدبار<br>
سایدبار<br>سایدبار<br>سایدبار<br>سایدبار<br>
سایدبار<br>سایدبار<br>سایدبار<br>سایدبار<br>
سایدبار<br>سایدبار<br>سایدبار<br>سایدبار<br>
سایدبار<br>سایدبار<br>سایدبار<br>سایدبار<br>
سایدبار<br>سایدبار<br>سایدبار<br>سایدبار<br>
سایدبار<br>سایدبار<br>سایدبار<br>سایدبار<br>
سایدبار<br>سایدبار<br>سایدبار<br>سایدبار<br>
سایدبار<br>سایدبار<br>سایدبار<br>سایدبار<br>
</div>
</section>
<footer>فوتر سایت</footer>
</body>
</html>

اینم برعکسش :


<!DOCTYPE html>
<html>
<head>
<title>مهبد رایانه سپاهان</title>
<style>
*{margin:0;padding:0}
body{direction:rtl}
header{width:100%;min-height:200px;background:red;clear:both;text-align:center;font-size:50px}
section{width:100%;min-height:500px;overflow:hidden;clear:both}
footer{width:100%;background:green;clear:both;text-align:center;font-size:50px}
.content{float:right;width:70%;background:blue;}
.sidebar{float:right;width:30%;background:purple;}
</style>
</head>
<body>
<header>مهبد رایانه سپاهان</header>
<section>
<div class="content">
متن<br>متن<br>متن<br>متن<br>
متن<br>متن<br>متن<br>متن<br>
متن<br>متن<br>متن<br>متن<br>
متن<br>متن<br>متن<br>متن<br>
متن<br>متن<br>متن<br>متن<br>
متن<br>متن<br>متن<br>متن<br>
متن<br>متن<br>متن<br>متن<br>
متن<br>متن<br>متن<br>متن<br>
متن<br>متن<br>متن<br>متن<br>
متن<br>متن<br>متن<br>متن<br>
متن<br>متن<br>متن<br>متن<br>
متن<br>متن<br>متن<br>متن<br>
متن<br>متن<br>متن<br>متن<br>
متن<br>متن<br>متن<br>متن<br>
متن<br>متن<br>متن<br>متن<br>
متن<br>متن<br>متن<br>متن<br>
متن<br>متن<br>متن<br>متن<br>
متن<br>متن<br>متن<br>متن<br>
متن<br>متن<br>متن<br>متن<br>
</div>
<div class="sidebar">
سایدبار
</div>
</section>
<footer>فوتر سایت</footer>
</body>
</html>

کدی ک نوشتی 1 جاییش مشکل داره!
یا کد را بذاری تا بررسی بشه!
یا 1 دمو بده تا ببینیم چی ب چیه!
پیروز باشی
meysam1366
جمعه 09 خرداد 1393, 17:05 عصر
سلام مجدد

ببینید دوست عزیز شما باید برای فوتر مارجین تاپ بذاری تا کمی از پست ها فاصله بگیره