How to fix the footer to bottom of the page?

Question

I want to fixed a image to bottom relate with size of monitoring. I want to show in just main page.

<div class="no-footer" align="right"> 
  <a class="btn text-danger" style="margin-bottom:5px; width:100px; " href="@Url.Action("About", "Home")">About</a> 
  <p class="bottom" align="center"> <img src="~/media/images/bb9.png" /> </p> 
  <hr style="left:0; right: 0; bottom:200px; height: 200px; position:absolute;" /> 
</div>

About

– Chawinthapong Aiemmongkolsakul Jun 11 '15 at 04:47 — Chawinthapong Aiemmongkolsakul, Jun 11 '15 at 04:47

score 0 · Answer 1 · answered Jun 11 '15 at 04:30

0

.fotter
{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
}

Refer here

answered Jun 11 '15 at 04:30

Abdulla Nilam

36,589
17
64
85

it's not a footer at all but just the image that I want to always at the bottom of main page. – Chawinthapong Aiemmongkolsakul Jun 11 '15 at 04:38
so in ` – Abdulla Nilam Jun 11 '15 at 04:41
About

– Chawinthapong Aiemmongkolsakul Jun 11 '15 at 04:45
I think `footer` would be meaningful than `fotter`. – Rohit416 Jun 11 '15 at 06:28

How to fix the footer to bottom of the page?

1 Answers1