مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

iran

عضویت از 1394/01/31

مشکل در قسمت footer سایت

  • یکشنبه 17 تیر 1397
  • 10:13
تشکر میکنم

سلام
من کد زیر را نوشته ام با بوت استرپ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>

باتشکر

پاسخ های این پرسش

تعداد پاسخ ها : 1 پاسخ
کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • یکشنبه 17 تیر 1397
  • 11:21

نباید بهش Fixed buttom بدید

بزارید تو صفحه باشه با زیاد شدن محتوا خودش میره زیر

وقتی بهش fixed میدید شناور میشه و روی محتویات میوفته

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)