Paul Konstanski
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.
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.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
You are welcome.
ASKER