Results 1 to 4 of 4

Thread: Margin/padding on mobile Safari

  1. #1
    Sencha User
    Join Date
    Jul 2011
    Posts
    2
    Vote Rating
    0
      0  

    Default Margin/padding on mobile Safari

    We can't quite get the right side margin to show up like it looks like on a desktop browser.

    We're trying to make the left and right side margins of our list section look symmetrical but they aren't matching up in iOS versus a Goole Chrome desktop.

    Screenshot showing desktop Chrome - left versus: Mobile Safari - right:
    https://skitch.com/noelsaw/gpq23/list

    Here's the actual page:
    http://mdd.noelsaw.com/thelist/ton/1...pand-list.html

    Any tips for this please?

  2. #2
    Sencha User rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,159
    Answers
    93
    Vote Rating
    7
      0  

    Default

    Are you adding extra padding/margin? Have you some iOS only CSS rules?
    Sencha Inc.
    Robert Dougan - @rdougan
    Sencha Touch 2 and Ext JS 4 Core Team Member, SASS/Theming Wizard.

  3. #3
    Sencha User
    Join Date
    Jul 2011
    Posts
    2
    Vote Rating
    0
      0  

    Default thanks for the reply

    Not that I am aware of, is there a particular file or configuration that I should have my developer look in? Sorry I wasn't clear, I am not the actual developer but the product/project manager.

  4. #4
    Sencha User rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,159
    Answers
    93
    Vote Rating
    7
      0  

    Default

    I would ensure there is no extra CSS being added when it is displayed on device. It is impossible to debug without the actual code.
    Sencha Inc.
    Robert Dougan - @rdougan
    Sencha Touch 2 and Ext JS 4 Core Team Member, SASS/Theming Wizard.

Tags for this Thread

Posting Permissions

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