footer div

[Mr.Shawn]

Hello everyone,

 

The footer floats when i used dynamic javascript add table row function. Any solutions to this guys..

 

#footer {
position: absolute;
bottom: 0px;
width: 100%;
min-width: 100%;
text-align: center;
}

 

 

[Mr.Shawn]

This is the screenshot and the footer div css will make the footer stays at the bottom but it won't work with javascript dynamically.

 

[jcombs_31]

Not sure why you would want to use absolute positioning for the footer.  Just let it flow relative and it should always be below your content.

[RichardRotterdam]

remove the absolute attribute and just add this before the footer

<br style="clear:both" />

[Mr.Shawn]

This is what happens when I tried to use relative position. It leaves a huge blank space below. If you use absolute attribute, it will always stay at the bottom.

 

[jcombs_31]

That's what it is supposed to do.  If you really need your footer at the very bottom of the page, I suggest you look into something like this  http://www.themaninblue.com/writing/perspective/2005/08/29/

[Mr.Shawn]

That's what it is supposed to do.  If you really need your footer at the very bottom of the page, I suggest you look into something like this  http://www.themaninblue.com/writing/perspective/2005/08/29/

 

Owned. Thanks jcombs_31. It solves my problem.