moving footer to absolute bottom of ipad

[drotar]

hey,
i have a website where i would like the footer to go to the bottom/off the screen on the iPad so that when i have a lot of info on a page the footer stays below it rather than locating itself at the bottom of the viewable screen area. is this possible? right now i am using:

footer {
position: fixed;
bottom: 0;
}
as i mentioned, this css sends the footer to the bottom of the viewable screen but I prefer it at the bottom of the content on the page so my additional copy, etc, doesn’t have to sroll through/past the footer when scrolling down.

website i am working on is

http://www.bjoinfilms.com/test/

any insights would be greatly appreciated. thank you in advance for taking the time to respond.

[drotar]

if not fixed than what would you suggest?

[Senff]

So if the content is larger (higher) than the screen height, the footer should just be below it, but if the content is smaller than the screen height, the footer should be at the bottom of the screen?

That would be a classic sticky footer, with various different solutions:
https://www.google.ca/?gfe_rd=cr&ei=s8vaU6THEIih8Aagx4GQAg#q=css+sticky+footer

(Not sure why you would single out iPad, though.)

[Author]

Posts