I’ve created a site with relative objects that respond to the size of the browser window. I see that the site does not work with an iPad. Other than creating an alternate version with fixed content, are there any tips for making this work on the iPad?
All pages are aligned to none. I do have a couple of pages that force relative sized / positioned objects off the edge of the page.
Other than creating an alternate version with fixed content, are there any tips for making this work on the iPad?
It looks great on an iPad to me. What specifically are you referring to when you say it “does not work”?
Joe
On 31 May 2013, at 14:58, Trey Yancy email@hidden wrote:
I’ve created a site with relative objects that respond to the size of the browser window. I see that the site does not work with an iPad. Other than creating an alternate version with fixed content, are there any tips for making this work on the iPad?
All pages are aligned to none. I do have a couple of pages that force relative sized / positioned objects off the edge of the page.
Other than creating an alternate version with fixed content, are there any tips for making this work on the iPad?
On the About page the black box (set to a width of 90%) goes off the right side of the screen. I can pinch it down to view the whole box but then the other content (much of which is scaled at 100% width or set to 0px from the right of the page) doesn’t fill the width of the screen. On the Products page the iFrame (which contains a “mini-site” with its own navigation along the top) covers the text buttons at the bottom.
On the About page the black box (set to a width of 90%) goes off the right side of the screen.
… cause it has a min-width of 700px applied (class=“MinWidth700px”). The “wrapper” of this called item6 as well btw. Removing those classes (as far as I could see) should bring you closer to it.
I found a solution - I created a blank html object of the desired minimum height and dropped it on the page flat beneath everything else. Now the iPad is not confused about where the bottom of the page is.