Positioning footer at the bottom of the page

Question

PLEASE help me to make this footer appear at the bottom of the page without "external" CSS

CSS

 #exefixedfooterdiv {
  background-color: yellow;
  overflow:none; 
  width:100%; 
  height:80px; 
  position:fixed;
  bottom:0%; 
  left:0%;}

HTML

<div id="exefixedfooterdiv" >
</div>

Answer 1

you can write the inline CSS like mentioned below code :-

<div style="background-color: red;
; overflow:none; width:100%; height:80px; position:fixed; bottom:0%; left:0%;" >
</div>

DEMO

Answer 2

Write in-line styles.

<div style="position:absolute;width:100%;height:100px;background:#FF0000;bottom:0;" >
</div>

or according to your styles:

<div id="exefixedfooterdiv" style="background-color: yellow;
; overflow:none; width:100%; height:80px; position:fixed; bottom:0%; left:0%;"></div>

Demo here

Answer 3

You can describe the styling inside the div:

<div style="background-color: yellow; overflow:none; width:100%; height:80px; position:fixed; bottom:0%; left:0%;" >

Answer 4

Like this

DEMO

CSS

*{
    margin:0;
    padding:0;
}
#exefixedfooterdiv {background-color: yellow;
 overflow:none; width:100%; height:80px; position:fixed; bottom:0;
 }

HTML

<div id="exefixedfooterdiv" >
</div>

Answer 5

you have to add z-index for position:fixed elements :

#exefixedfooterdiv {
   background-color: yellow;
   overflow:none; 
   width:100%; 
   height:80px; 
   position:fixed;
   bottom:0; 
   left:0;
   z-index: 999;
}