sticky footer?

[Liquid Fire]

I have read a few methods of doing sticky footer and now have seems to work.  I can get the footer at the bottom no matter what but The issue is now i have a large space under my footer which defeats the purpose.  here is the code:

 

http://www.kaizendigital.com/project/log.php?action=login

 

Does anyone see what i am doing wrong?

[dbrimlow]

You have elements there with no "obvious" css commands (#push, .copyright,...)

 

And javascript that is creating layout widths, margins, etc.

 

There is no way for us to help without knowing how the other hidden styling elements are affecting the layout.

[Liquid Fire]

um... what are you talking about.

 

ok, i removed the push(old code from one of the sticky footer methods).  .copyright does have css:

 

#footer .copyright

{

font-size: .7em;

}

 

and that css has nothing to do with positioning. What javascript are you talking about.  There is zero javascript on that page.  The only javascript i am including it jQuery and the dimensions plugin which are going to be required for every page since i am going to be using a menu system that uses those libraries but there is no javascript running effect any positioning on any elements.

[dbrimlow]

Okay. missed the .copyright on a quick look when I couldn't find push.

 

I simply removed the negative margin from the footer and gave it a margin-top:10px.

 

That removed the extra 200px. Worked fine in FF and IE 6.

 

Also, you have a typo in your css: html/body has a colon missing from padding:0

[Liquid Fire]

I updated that margin -211px to 10px but that just shoot the footer off the page to the bottom like i thought it would, am i missing something else that you did?