Page 1 of 2 12 LastLast
Results 1 to 10 of 13

Thread: ipad problem

  1. #1
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default ipad problem

    hello,
    I've got a Safari-on-iPad problem, in two parts:

    part 1) layout issue: the two larger boxes in this image should be aligned horizontally (and are in other browsers), but the second is bumped down when viewed on an iPad:



    part 2) I don't have an iPad and, therefore, can't troubleshoot this. I would be most grateful to anyone who might be able to offer assistance.

    the demo page link removed by user request, click on the "Search Page" button. Thanks!


    ----
    Moderator's note: final solution is available here:
    http://www.mindfly.com/blog/post/200...th-Webkit.aspx
    Last edited by djr33; 05-23-2011 at 06:23 AM. Reason: problem solved

  2. #2
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    You're going to want to download an iPad SDK that can be found here. Find the "Xcode and iOS SDK" link and login to your Apple account.
    Jeremy | jfein.net

  3. The Following User Says Thank You to Nile For This Useful Post:

    traq (02-20-2011)

  4. #3
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    mmm... I was going to say how completely awesome it was that Apple released iPad emulators for development, but then I found out that they only run on Mac. (Which makes perfect sense, but I'm more likely to buy an iPad than a desktop Mac. and I'm not at all likely to buy an iPad. Oh well...)

    thanks anyway, Nile. That would have been helpful.

    If anyone is willing/able to test for me, please let me know.

  5. #4
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    There's good news and bad news. First, iPads, if they are like iPhones (and I believe they are) don't actually have a special version of Safari. At least they do everything just like a computer except for some things that are disabled. (For example, downloading, "browse" buttons for file inputs in forms, plugins, etc.)

    This means that your page should render identically in Safari (computer program) and Safari (iPad/iPhone app)-- probably especially iPad/iPhone, but the computer too I expect.

    To test this, I tried Safari (v5) on my Macbook and it had exactly the same problem. So that's the bad news, or perhaps more good news: it's easier to test, though a more general problem.

    As I said, I'm on a Mac, but I wouldn't be surprised if Safari for windows does the same thing. Have you tried it?
    Since I'm not using a windows computer, I can't see if they're the same.

    The browsers on iPhones/iPads are remarkable actually. They work really well, with things like complicated Javascript for example, and render just like a computer (as far as I've seen). The only problems I've found are accessibility: no right click, no non-click hover state, no drag, etc. So for that sort of thing, you may have iPad/iPhone specific issues, but if it can do something (such as render an element) it will probably do it in exactly the same way as a computer. In other words, things will be missing, but nothing should be broken. Personally I'd love some better accessibility options though, for when something requires a right click or whatever...
    Daniel - Freelance Web Design | <?php?> | <html>| espa˝ol | Deutsch | italiano | portuguŕs | catalÓ | un peu de franšais | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  6. The Following User Says Thank You to djr33 For This Useful Post:

    traq (02-20-2011)

  7. #5
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    hmm... I shall wander over to my laptop and download Safari/Windows.

  8. #6
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    Daniel, when you look at it, is it always the same box that's out of place? I'm getting different boxes out-of-place each time I refresh the page, sometimes none are out of place. I see no pattern or "problem" box, and the markup for each box is consistent...

  9. #7
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    Yes and no-- consistently one image, but that image moves around. This is only a problem with one specific instance of the top box.

    There are three different top boxes: the woman, the space station, and the night sky (with slideshow).

    The space station, like in your screen capture above, is always out of place. It may be in either position (or neither), but wherever it appears it is out of place vertically like in your screen capture.

    I'm guessing something is wrong specifically with that image/content/combination. If you're getting inconsistent results with that, it's very strange.
    Daniel - Freelance Web Design | <?php?> | <html>| espa˝ol | Deutsch | italiano | portuguŕs | catalÓ | un peu de franšais | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  10. #8
    Join Date
    Jan 2008
    Posts
    441
    Thanks
    67
    Thanked 4 Times in 4 Posts

    Default

    why not just target the ipads css
    Code:
    <style type="text/css" media="only screen and (device-width: 768px)">  something here  </style>

  11. #9
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    @Daniel - I noticed that after my last post, but I have -no clue- how that image/content is different than any of the others. Additionally, I've seen some of the small boxes bump around, both when the big space station box is shown and when its not.

    @ggalan - apparently it's not just iPad, but Safari in general. Besides, I don't even know what needs to be fixed, yet.

    Edit: crap, it's happening on Chrome now, too. it never had before.
    Last edited by traq; 02-20-2011 at 05:51 PM.

  12. #10
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    WELL, i changed out the images and the problem stuck to the box, not the image. I couldn't see any way that that box was different, though... except that the paragraph was only one line long.

    I added more text and now the problem shows up completely randomly.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •