On high resolution monitors (1600 x 900) my footer does not stretch to the bottom of the page. What's the best way to make is stretch to the bottom?
My site is: http://www.nicolamorgan.com/author/
Thanks
Kev
Footer Not Stretching
16 posts from 6 voices- Started 1 year ago by cheekykev
- Latest reply from Devin
- This topic is not a support question
-
Hey,
there's no real solution for this problem because you'd need to calculate the screen resolution & the required height of the main content and/or footer area. I can only offer a static solution which has the disadvantage that users whith small screens need to scroll. Open up style.css, add following code and adjustthe height value:
#footerwrap { height: 300px; }Posted 1 year ago # -
wildefranz
MemberI'm also having the same problem with the Angular theme. And the above CSS doesn't work for me.
Here's a screen shot (as I'm testing locally): http://dl.dropbox.com/u/15500134/footer.png
My background image is shown, and I need the footer to drop to float to the bottom of the page.Please help and thanks!
SaraPosted 1 year ago # -
Hi wildefranz,
For Angular, you would need to use this:
#footer .container { padding: 20px 0 50px; height:1000px; }Regards,
MyaPosted 1 year ago # -
Hey,
I wasn't able to reproduce the problem. Is there a chance you can put it online so we can check it live? This would allow us to provide a specific solution.
Cheers,
ChrisPosted 1 year ago # -
wildefranz
MemberI've just set it up live now. Is there an email where I can send a login and user to you to check? You will only be able to see it live if I send you those details (it's up, but I have a plugin running that if you're not logged in you won't be able to see anything...)
Thanks!
SaraPosted 1 year ago # -
Hey!
You can send over your login information to support@wehavewebfun.com
Don't forget to refer to this topic and/or elaborate your issue :)Regards,
ChrisPosted 1 year ago # -
Devin
ModeratorHi Sara,
I took a look and unfortunately the solutions above are about it. The restrictions of the theme + the nature of resolutions means you would need to do some javascript/css trickery to determine the users screen size then resize the page elements to push the footer down. The css is the most straightforward but requires some restructuring of the containers and container styles.
If you're interested in that, there are some good tutorials out there for it but applying them to the theme will probably take a bit of finesse. I believe the jargon is "Sticky Footer" for the effect you're looking for to help in googling :)
Regards,
Devin
Posted 1 year ago #
Topic Closed
This topic has been closed to new replies.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
