In my website(master page), the footer actually overlaps the end content of the page. The current code is:
<footer id="footer">
<span> Powered By Snuvik Technologies</span> <span style="display:block; padding:0; text-align: right;" >Best viewed in Internet Explorer 10 and above</span>
</footer>
I need to place this footer at the very end of the page not overlap it. So, I placed an inline CSS:
<footer id="footer">
<span style="display:block; padding:0; text-align: center"> Powered By Snuvik Technologies</span> <span style="display:block; padding:0; text-align: right;" >Best viewed in Internet Explorer 10 and above</span>
</footer>
display:block; padding:0;text-align:center. But this actually overlaps the buttons at the end of my content page by which I am unable to see or use them. Please help me with a code to place the footer at the very bottom without overlapping any content in
the content page.
.NET forums are moving to a new home on Microsoft Q&A, we encourage you to go to Microsoft Q&A for .NET for posting new questions and get involved today.
Member
168 Points
497 Posts
Need to place the footer at the end of the page while scrolling
Feb 13, 2017 01:03 PM|acmedeepak|LINK
Hi,
In my website(master page), the footer actually overlaps the end content of the page. The current code is:
My footer CSS code is:
I need to place this footer at the very end of the page not overlap it. So, I placed an inline CSS:
display:block; padding:0;text-align:center. But this actually overlaps the buttons at the end of my content page by which I am unable to see or use them. Please help me with a code to place the footer at the very bottom without overlapping any content in the content page.
Regards,
Deepak
All-Star
15186 Points
3888 Posts
Re: Need to place the footer at the end of the page while scrolling
Feb 14, 2017 04:54 AM|raju dasa|LINK
Hi,
Try updating this css rule on footer:
position: absolute;
or,
try increasing the height of the container.
rajudasa.blogspot.com || rajudasa-tech
All-Star
45489 Points
7008 Posts
Microsoft
Re: Need to place the footer at the end of the page while scrolling
Feb 14, 2017 06:17 AM|Zhi Lv - MSFT|LINK
Hi Deepak,
Based on your code, I suggest you refer to the following code:
Code in master page:
Code in web page:
Then the output as below:
Best regards,
Dillion