Weird design issue on iPad

[kminkeller]

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.

 

[deckyon]

cant help without knowing the site...

 

[David79]

What site?

 

[AceOsp]

Is this ONLY on YOUR site?

 

[kminkeller]

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.

 

[deckyon]

My guess is you are not trapping for mobile safari in your css schema.

 

[kminkeller]

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.

 

[deckyon]

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.

 

[kminkeller]

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.