PDA

View Full Version : سوال: مشکل در قسمت footer سایت



Iran58
یک شنبه 17 تیر 1397, 09:42 صبح
سلام
من کد زیر را نوشته ام با بوت استرپ4 قسمت header درست کار میکیند اما وقتی محتویات صفحه زیاد میشود محتویات زیر footer قرار میگیرد اما من میخواهم بالای footer داده ها قرار بگیرند باید چه تغییر ی در کدم بدهم

<body>
<div class="container-fluid">
<header class="fixed-top " style="height: 50px; background-color:aquamarine;">
هدر برنامه
</header>
<main style="position: relative;top:50px;bottom:150px;">
<article></article>
<section>@RenderBody()</section>
</main>


</div>
<footer class="container-fluid fixed-bottom" style="height: 50px; background-color:aquamarine;">
<p><span>test</span> test <span> @Models.ResourcesGeneral.General.Equal </span> test</p>
<lable id="output-date"></lable>
</footer>
</body>

باتشکر

anvar
جمعه 22 تیر 1397, 18:12 عصر
شما به تگ main یک سری استایل دادی که باید حذفشون کنی مثلا top:50 گه از بالا 50 پیکسل فاصله می گیره یا bottom:150
هر دو رو حذف کن درست میشه