-
-
Notifications
You must be signed in to change notification settings - Fork 10.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
How to make a sticky footer that has padding from body with react-router? #1523
Comments
I'm not sure this issue is related to react-router. |
Why not? |
The router only matches the views to the your components and manages the address bar. Here's what I found searching “sticky footer CSS”: This might be helpful if you're fine with using Flexbox (in 2015, with Autoprefixer I'd say it's the best solution). If you'd rather avoid Flexbox, you might look for other solutions. |
For anyone ending up here via a search engine Many sticky footer techniques like this one: Need all parent element to have a height of 100%. In normal html pages, usually this is enough:
But using react, you get some more redundant parent elements eventually. Like the div that is needed, so that your app gets injected into it, or the mandatory wrappers that JSX requires. For your sticky footer to work, remember to add classes, and height for those as well. |
No. Does not work. This Does: In App.js:
And in _sticky-footer.css (I use POSTCSS):
So, instead of adding |
Im trying to have a sticky footer but it is not sticky. Any ideas?
Here is my router handler:
And this is the footer.js:
Any idea the best way to do this?
The text was updated successfully, but these errors were encountered: