Link to home
Start Free TrialLog in
Avatar of Paul Konstanski
Paul KonstanskiFlag for United States of America

asked on

Angular JS Sticky Footer Problem (when page size doesn't meet minimum)

I have a Website that is a Single Page Application (based on AngularJS) for most usage and works fine. But there are some times that I'm posting up a specific message that is quite short. When that happens, my footer isn't sticking to the bottom.

See the image to see what's happening.

I've posted up a test page on my testing server here.
Sample Page with Problem

What is needed to get the footer to stick to the bottom even with a short content page?

My two thoughts were:

1. Putting in a <div> tag that adds in a "height" based on vertical screen size.
or
2. Some other container that forces footer to stay at bottom.

What is the best way to fix this.

Thanks.

 
This image shows how there is a gap below the footer and the bottom of the page.

User generated image
ASKER CERTIFIED SOLUTION
Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Paul Konstanski

ASKER

By using these commands I was able to get my form working correctly. Thanks.
You are welcome.