My website is finally looking ok on all the various pc browsers and I figured out a workaround so that the menubar works properly on the Ipad. The only thing I'm unhappy with is that the page title is crunched up at the top of the page on the ipad. It's supposed to be centered and that's how it looks everywhere else. How do I fix the problem? Website is nhcstar.org
Herer's a couple of things I've encountered while getting pages to display the way I want on the iPad. Please bear in mind that I've only tested on iPad 1, so I'm not sure if they still apply for the 2 or 3. They are also just a couple of observations which may or may not apply to your specific issue.
First, I've notcied that the iPad will squeeze the page down to the outer-most div container if the width is larger than the screen resolution.
Second, this may be more relevant to you - when you refer to the title, are you talking about the image that says "NHC 2013"? If so, how are you positioning it. If you're using a margin, I've seen where the iPad seems to ignore top margins. My work-around was to create the image or whatever content to fill the entire space, and not depend on the margin or perhaps other positioning attributes that work everywhere else.
I've also seen 1px gaps between adjacent divs on the iPad. For example, there's a container with a grey background - contain two divs, one above the other both with white backgrounds. Every browser, there is no gap or break, but there is on the iPad!
If you have CS6, you could use Fluid Grid Layouts to create a responsive layout for mobiles, tablets and desktops.
Europe, Middle East and Africa