So I have a web page that when i got the math out, including the header, footer, and content, is about 680px in height. Now considering that when on an ipad, the workable area is 746px landscape, everything should fit with out having to scroll. Yet for some reason, it shows that there more area to scroll to.
Now this even happens when in portrait mode as well, even though the working are is about 1004px.
So I have a webpage I made using jquery mobile with some graphics that are about 700x650 pixels in size. Its target is for iPad so I know that at that size, they should fit fine on the screen without having the scroll or anything. Now the footers have a data-position="fixed" but I've noticed that they show a little bit of the page background when they are first loaded but when you tap the screen, they then sit at the bottom of the page, as a fixed footer should. Any ideas on why this is happening? Could it be my graphics are too big?