It looks correctly on the desktop but on the iPad the iframe seems to open the full page of what it's linked to wish means the iframe thinks it's bigger on the iPad then it really is. I am going to run a HTML and CSS Validation to see what errors I get. Any help would be great. If you need all the code posted please let me know as I'd have to post the code in the post unable to upload attachments yet.

My ileft iframe is now showing a Horizontal scroll bar for a page that has no further content to the right. I still haven't been able to get the iframe to work correctly on the iPad as the width is still going full page instead of the width. I have removed unneeded tables and divs.

can use @media only screen css to format based on display size. here's a good link for usage and sizes for different devices. http://css-tricks.com/snippets/css/medi ... d-devices/ i've used that technique on several sites, but most often on wordpress sites to hide side bar content when viewed on mobile devices.