I am by no stretch of the imagination an HTML/CSS expert but am trying to look after our golf club web site.
I have a number of HTML element boxes throughout our site that are used to display PDF's or texts (many of them multipage). We have used the html object command (example below). This works as we want it to in all desktop/laptop browsers -- the user is presented with a scrollable box. Great! Except for the IPAD.... the object displays but can't be scrolled - there's no scroll bar and the two finger swipe doesn't work. Apparently there are some CSS commands that I could use (see this URL http://h3x.no/2012/08/19/how-to-make-iframes-scrollbable-on-ipad-even-in-gwt ) but I have no idea where to insert them . Any help would be much appreciated. I've tried other browsers ....to no avail.
Sample HTML
<object data='http://cilc.spruz.com/gfile/75r4!-!ILMHKF!-!pvyppn26nv0/crown_isle_ladies_club_constitution.pdf'
type='application/pdf'
width='100%'
height='500'>