Footer එක Scrool වෙන්නේ නෑ නේ ඇයි නේ Position Fixed දාලා තියෙන්නේ ඇයි එහෙම වෙන්නේ සයිට් එකම Scrool වෙන්නේ නෑ
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Position fix දාපුවහම මටත් ඔය ප්රශ්නෙ ඇවිත් තියෙනව.. code එකත් uplod කරන්න.. බලන්නම් මොකො වෙලා තියෙන්නෙ කියලා
ඒ කියන්නේ Footer එක නැතුව සයිට් එකට වචන දැම්මම Scroolling වෙනවා සයිට් එක Fotter එක දැම්මම සයිට් එක Scroolling වෙන්නෑ
I think Your code have problem
code eke awlk ඇත්තේ. නැත්තන් possition එක වෙනස් කරන්න position: absolute; bottom:0 විදිහට
I think your code have any problem.
🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔
please change it position as position: absolute; bottom:0
<html lang="en" > <body> <header> This is our header of website. </header> <div class="content"> <p>It's a content area where you can place all the content and can define all of HTML element. Whenever I do design a website, I often make the footer fixed at bottom of page, even content is too short to push it to the bottom of browser window naturally.</p> <p>However, if the content is good enough then the footer should disappear from browser window as it should normally without fixed to the viewport.</p> <p>If you want to set the fixed height for footer than make sure to add padding-bottom of the footer's parent element to the same value or larger if you need some spacing. </p> <p>It will help you to prevent the footer from overlapping the content area.</p> </div> <div class="footer"> It's a footer area that always positioned at the bottom of the page, but <strong>not fixed</strong>. </div> </body> </html>Try this
html { height: 100%; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { position: relative; margin: 0; padding-bottom: 6rem; min-height: 100%; } .content { margin: 0 auto; padding-top: 64px; max-width: 640px; width: 94%; font-family: "Raleway",sans-serif; line-height: 30px; } .content h1 { margin-top: 0; } /** * Footer Styles */ .footer { position: absolute; right: 0; bottom: 0; left: 0; padding: 1rem; background-color: #d94575; text-align: center; color: #fff; }Try this