this is the weirdest thing I have ever seen. The frame loads fine with a scroll bar on all browsers including safari on a mac and on a pc, but when I view the page on the IPhone, the scroll bar does not appear, and cause of this, the frame in the iframe throws off all of my slices and makes the page look like crap….
please any ideas would be greatly appreciated….
When browsing on an iPhone a scrollbar only appears when your scrolling within the element, for instance if you grab your index and middle fingers and try scrolling in the iframe it will display a vertical scrollbar because you have told safari you want to scroll within a specific element and not the body.
Also you may want to rewrite your HTML for the following reasons:
Your using the auto generated HTML that Adobe Photoshop outputs which isn’t semantic
Your using and elements while are semantic don’t serve any real purpose in websites these days, its much cleaner to use CSS and web safe fonts
It’s much easier to control overflowed divs than it is iframes, and the scrolling + blank content issues are working all the way back to iOS 4, where previously I wasn’t even able to get the 2 finger scrolling to work (in iframes).