Blog Comments

  1. Beverleyh's Avatar
    The PHP code/logic from the article above can also be used to opt out of responsive website design to allow users to view fixed width desktop layouts on mobile devices: http://www.dynamicdrive.com/forums/e...uts-on-mobile)
  2. Beverleyh's Avatar
    Yes. Centering is all fine now in the 4 popular iOS browsers mentioned earlier
  3. molendijk's Avatar
    Splendid! That caused the problem in Safari (and maybe on iOS, I can't check that). Thanks.
    I've corrected the error. You may have to refresh the page to see the change.
    In the meantime, I'm working on a way to do it without the translate method, just to be sure.
  4. Beverleyh's Avatar
    Apparently, the translate() method is not supported (yet) on iOS.
    Hmmm, translate in CSS transforms works fine in iOS - I think it's down to an error in your syntax (a missing % at the end of the WebKit vendor prefix lines)
    Code:
    -webkit-transform: translate(-50%, -50);
  5. molendijk's Avatar
    Thanks for the feedback, Beverleyh!
    At a desktop and with my ASUS-tablet, it works on all modern browsers/WIN, Chrome/WIN included. Only one tap needed.
    Apparently, the translate() method is not supported (yet) on iOS.
    I knew about your popup image viewer, but I wanted non-modal images with a close button at the top/right
    Thanks again,
    Arie.
    ===
    EDIT: even at a desktop, it does not work with Safari/WIN. I'll see what can be done about it.
    Updated 04-07-2015 at 09:59 AM by molendijk (Correction)
  6. Beverleyh's Avatar
    Hi Arie,

    Just some feedback from Safari, Chrome, Dolphin and Mercury browsers on iOS (iPhone 5S and iPad)

    - in Mercury, the new tab/window popup does not open at all.

    - in all browsers, 2 taps are required to activate the in-page image (not a biggie - I think folks would just assume that they missed it the first time).

    - in all browsers, the image (new tab and in-page) is unfortunately not centered (the top corner is at 50%, 50%), and the [X] on the top right corner of the image is unreachable off the edge of the screen, meaning that it can't be closed.

    I'm not at a desk today so I'm unable to test further, but maybe you can take something from the centering CSS I used for my popup image viewer here http://fofwebdesign.co.uk/template/_...odal-popup.htm
    Updated 04-07-2015 at 09:07 AM by Beverleyh