1. Due to the recent site upgrade, the iPadForums (iPF) App will no longer work. The new iPadForums.net website has been designed from the ground up to work perfectly from any mobile, tablet, or desktop computer using the built in internet browser. Create a shortcut to iPadForums.net on your home screen by following these steps: Create an icon for iPadForums.net

Weird design issue on iPad

Discussion in 'iPad General Discussions' started by kminkeller, Feb 23, 2011.

  1. kminkeller
    Offline

    kminkeller iPF Noob

    Joined:
    Feb 23, 2011
    Messages:
    4
    Thanks Received:
    0
    Trophy Points:
    0
    Location:
    km70569w@yahoo.com
    Ratings:
    +0 / 0
    Hi I am new to this forum and also new to iPad development. I have a web page that works fine on my machine. Now when I access the same site using iPad Safari, my background image color is messed up. for instance, my background image color is always white when it is tan/grey with all my links white. So I cannot see my links either. All the other assets display fine except for the background image. I cannot view the page source on ipad either. So I need someone help me figure this out. Any idea or suggestion will be highly appreciated.

    Thanks in advance.
    Last edited: Feb 23, 2011
  2. deckyon
    Offline

    deckyon iPad Junkie

    Joined:
    Sep 15, 2010
    Messages:
    615
    Thanks Received:
    2
    Trophy Points:
    0
    Location:
    Louisville, KY - USA
    Ratings:
    +2 / 0
    cant help without knowing the site...
  3. David79
    Offline

    David79 iPad Junkie

    Joined:
    Jan 11, 2011
    Messages:
    758
    Thanks Received:
    3
    Trophy Points:
    0
    Location:
    NH
    Ratings:
    +3 / 0
    What site?
  4. AceOsp
    Offline

    AceOsp iPF Novice

    Joined:
    Feb 19, 2011
    Messages:
    25
    Thanks Received:
    0
    Trophy Points:
    0
    Location:
    United Kingdom
    Ratings:
    +0 / 0
    Is this ONLY on YOUR site?
  5. kminkeller
    Offline

    kminkeller iPF Noob

    Joined:
    Feb 23, 2011
    Messages:
    4
    Thanks Received:
    0
    Trophy Points:
    0
    Location:
    km70569w@yahoo.com
    Ratings:
    +0 / 0
    This is an internal site for a company that I contract for. We use CSS with JQuery, JSP and Servlets. I have not played with other sites much on iPad as this is my first iPad assignment.

    Thanks.
  6. deckyon
    Offline

    deckyon iPad Junkie

    Joined:
    Sep 15, 2010
    Messages:
    615
    Thanks Received:
    2
    Trophy Points:
    0
    Location:
    Louisville, KY - USA
    Ratings:
    +2 / 0
    My guess is you are not trapping for mobile safari in your css schema.
  7. kminkeller
    Offline

    kminkeller iPF Noob

    Joined:
    Feb 23, 2011
    Messages:
    4
    Thanks Received:
    0
    Trophy Points:
    0
    Location:
    km70569w@yahoo.com
    Ratings:
    +0 / 0
    When you say trapping, we are tracking to see if it is a iPad or not. Based on that we have javascripts to handle touch events. How do you do this for style/design? Every other things seem to be fine except this one background image. When the page is loading it sometime I see that background image for a flick second and then it disappears. BTW, this is the code that has already been there and I am trying to resolve some of the issue they are having on the ipad.

    Thanks.
  8. deckyon
    Offline

    deckyon iPad Junkie

    Joined:
    Sep 15, 2010
    Messages:
    615
    Thanks Received:
    2
    Trophy Points:
    0
    Location:
    Louisville, KY - USA
    Ratings:
    +2 / 0
    No, they need to track that the BROWSER is Safari Mobile for iPad, not a normal browser. The code has to be changed to cover the new browser.

    Has nothing to do with "touch" or anything else, it is all in the code.
  9. kminkeller
    Offline

    kminkeller iPF Noob

    Joined:
    Feb 23, 2011
    Messages:
    4
    Thanks Received:
    0
    Trophy Points:
    0
    Location:
    km70569w@yahoo.com
    Ratings:
    +0 / 0
    Thanks for all the response. Looks like I need to debug this on ipad. But is there any debugging tool for Safari or a iPad simulator for windows that you guys know of? That may be of some help to debug this. Thanks.

Share This Page

Search tags for this page
background image disappears ipad
,

why does my website look strange on the ipad