• Hello comrades,

    I have the most bizarre problem with embedding an iframe into my web site and getting iOS safari to play nicely. My issue is that I have a rather long (height wise) iframe embed of a google doc. Everything seems fine when viewing the iframe on a laptop using Safari, Chrome, and Firefox. Since the site is reactive, its also designed to look good on iOS (iPhone/ipad). However, when you scroll down the iframe it gets cut off and nothing but blank space is rendered when viewing the site on an iPhone/ipad. I tried implementing THIS solution but it didn’t solve my issue.

    I’m hoping that someone has a iPhone/ipad handy and could check this out. I think we’d all benefit from knowing how to get iOS to play nicely with iframes.

    The site is https://www.elizabethmerendino.com

    (PS. if you get redirected to https://www.thewanderingguru.com don’t despair. Enter the url again and it should work. Thats another issue I’m tackling. Thanks for the help.)

    Cheers

    Karl

Viewing 15 replies - 1 through 15 (of 19 total)
  • I simply can’t get to the first url on the iPad without being re-directed.

    Thread Starter cicakchanson

    (@cicakchanson)

    That sucks emsi. I’ll fix this and let you know when I’ve sorted this. Thanks for trying to help.

    Best

    Karl

    Moderator Ipstenu (Mika Epstein)

    (@ipstenu)

    ?????? Advisor and Activist

    My issue is that I have a rather long (height wise) iframe embed of a google doc.

    It’s the doc. 100%.

    Google Docs are murder on an iDevice :/

    Thread Starter cicakchanson

    (@cicakchanson)

    OK. I think I’ve licked the re-direction issue. According to 9/10 people I’ve contacted.

    esmi, if you’re still interested I’d love to hear your opinion.

    Ipstenu, I’m hoping that you’re off a bit on this one. As I understand it, if you publish a google doc (which is the case here) Google generates a low profile web page of the document which is then the source of embedded in the iframe. Unless there is something special about the web pages a Google doc generates it shouldn’t make any difference what page is the source. That seems logical, but then again I don’t really get this iframe thing either so what do I know?

    Anyhow, For all those whom might like to tackle a truly odd iFrame issue please let me know if you come up with a possible solution.

    Again, the issue is that when you view this page on an iPad/iPhone, it cuts off the text of the embedded doc when you scroll down to a certain point for some odd reason. The doc is the text under the welcome graphic in the tabbed window on the home page.

    The site address is https://www.elizabethmerendino.com

    Thanks for all the help and patience!

    Best

    Karl

    As it so happen, I had just gotten my iPad out to “play”. Unfortunately, I’m still getting re-directed. Using Ipad 3 & Safari, if that helps at all.

    Thread Starter cicakchanson

    (@cicakchanson)

    Esmi,

    Try clearing your history and data/cache in the ‘Settings.’ The people that were helping me troubleshoot the redirection issue found that helped. If this doesn’t help you please let me know.

    You can also try https://www.thewanderingguru.com/emerendino.

    I’ve parked a domain on my server and I’m trying to use MU Domain mapping plugin to do the redirection job. It seems as though it might not be working as well as I hoped but I’ve got my fingers crossed that clearing your history/data/cache will help. Thanks again for sticking with this.

    Best

    Karl

    Clearing the cache didn’t help. https://www.elizabethmerendino.com/ still redirected to https://www.thewanderingguru.com/ But https://www.thewanderingguru.com/emerendino redirected to https://www.elizabethmerendino.com/ – which just seems plain weird!

    FWIW, I’m not seeing anything untoward on the site’s home page. It all looks good. No bizarre behaviour on scrolling or navigating. No blank space other than that caused when the sidebar’s length exceeds the main content’s. All in all, quite tidy.

    Thread Starter cicakchanson

    (@cicakchanson)

    Thanks esmi,

    I’m not sure what to do about the redirect issue. I checked 3-4 different machines today and they all went right to https://www.elizabethmerendino.com with no worries.

    A friend of mine was helping me and we might have created a redirect loop at one point which we promptly changed in the cPanel to get rid of it.

    He was still having difficulty on his machine (with regards to redirects) today but I when I tested it I didn’t have any issues.

    I guess this is a much more serious issue than i thought. As I said I’m using WPMU redirect so I’m not sure what to make of that issue at this point.

    Anyhow, with regards to the iframe issue, if you’d be willing to check where the text ends on the main page with the text found HERE that might ease my mind a bit as far as if anything is getting cut off.

    On a broader note, I’m passionate about web design but I haven’t been doing it that long with wordpress. This kind of erratic behavior between machines makes me nervous. This site has been a work in progress for a long while now and the lady I’m working with (Elizabeth) is allowing me to use her as a test case for a business that I hope will make many more sites like these. However, I really need to understand why some of these odd issues are taking place before I can really get this business off the ground. It makes it very hard to test when I can’t be sure whether or not people will actually be able to get to the site or that they’ll be able to read all the content with different machines of the same make and model performing differently. I don’t know if I’m searching for advice, venting, or just in a bit of a funk. Regardless, thanks again for all the help and interest you’ve taken in this issue/these issues.

    Best

    Karl

    Moderator Ipstenu (Mika Epstein)

    (@ipstenu)

    ?????? Advisor and Activist

    Google’s shenanigans have caused me no end of grief. They’re supposed to show a low res version, but I’ve had it fail on me about half the time (to the point I shouted nasty things at my computer).

    Wait … WPMU redirect? What do you mean by that? Is that a plugin or are you just saying you’re using Multisite?

    Thread Starter cicakchanson

    (@cicakchanson)

    Sorry Ipstenu, I should have named the plugin correctly its.

    WordPress MU Domain Mapping: and its available HERE

    I followed the directions to the best of my ability but it seems like I’m missing something.

    Moderator Ipstenu (Mika Epstein)

    (@ipstenu)

    ?????? Advisor and Activist

    Ahhh ?? Okay.

    You’re not trying to map the primary domain are you? That plugin needs to work as follows:

    Multisite installed in domain.com
    Subsite generated as site1.domain.com (or domain.com/site1)
    Map site1 to site1.com

    And so on and so forth.

    Thread Starter cicakchanson

    (@cicakchanson)

    Thanks for that info Ipstenu,

    I followed the directions on the tutorial I found for mapping subdomains but obviously something is wrong.

    I found this new tutorial: HERE which seems to have slightly different directions than the ones I tried before. I think I’ll give these a whirl and see if I can’t nip this domain redirect issue.

    Bye the way, esmi says that the google doc looks good if you go to https://www.thewanderingguru.com/emerendino. Anyone notice the cut off I’m talking about or is that also going to be something thats going to vary from machine to machine :/

    Jut went back in and did a side-by-side comparison between iPad Safari and Win7/Firefox 13. The scroll bar is completely absent in iPad/Safari ??

    Thread Starter cicakchanson

    (@cicakchanson)

    So, I just loaded the site on my iPhone and I installed the latest Firefox on a Windows machine running OS7. I was able to scroll (one finger swipe) on the iPhone and I see a scroll bar appearing in Firefox but in Chrome (Win/OS7) I don’t even see the iframe. It doesn’t appear. :-(. On my iPhone I’m able to scroll so I’m not sure what to do at this point.

    Does anyone know a more stable way of having a google doc appear in your web site. A plugin perhaps? I’m starting to think this issue is not solvable. With the same type of OS/browser configuration you’d expect similar results. Can the results between iPhone and iPad be so different?

    Not sure what iOS the iPhone runs. The iPad 3 uses iOS5 – which might account for some differences.

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘ipad/iphone iframe, oh the absurdity!’ is closed to new replies.