change 
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" 
/>
to
<meta name="apple-mobile-web-app-status-bar-style" content="black">

This will help…

R.

Le 21 sept. 2010 à 23:31, Giacomo Balli a écrit :

> precisely, you can define style according to the device in use.
> 
> On Sep 21, 10:04 pm, Mike Xu <[email protected]> wrote:
>> You can use really crude css @media filters to try to detect what device
>> you're on based on resolutions.
>> 
>> Your current example athttp://ugetest.beltoft.dkdoesn't have any declared
>> margin-tops for the wrapper of the page.
>> 
>> The current bug is that it's not displaying consistently across all
>> devices/browsers.  This is because most browsers have native CSS that's
>> automatically included.
>> 
>> What you can do is first implement a CSS reset so that the browser's CSS is
>> all removed and then put in the margin-top to the body to make sure that the
>> style is consistent on all browsers.  It's much more practical than using js
>> to figure out the device/browser and individually set each one.
>> 
>> 
>> 
>> On Tue, Sep 21, 2010 at 12:10 PM, Mogens Beltoft <[email protected]> wrote:
>>>  Hi!
>> 
>>> I'm trying to lock a webapp (including offline functionality) to use only
>>> the available screen on my iPhone. You can see the webapp here:
>>> http://ugetest.beltoft.dk- try saving it to Home Screen.
>> 
>>> The webapp calculates a week number from a date entered using the
>>> wonderfull spinning wheel fromhttp://cubiq.org
>> 
>>> Everything works, but the page is too high, and uses some rather ugly hacks
>>> to add extra space when displayed as standalone. I'd like to do this in CSS,
>>> and would like a little help from you guys.
>> 
>>> Screenshots:
>>> http://ugetest.beltoft.dk/screenshots/IMG_0251.PNG
>>> http://ugetest.beltoft.dk/screenshots/IMG_0252.PNG
>>> http://ugetest.beltoft.dk/screenshots/IMG_0253.PNG- this image displays
>>> the unwanted extra length of the page.
>> 
>>> Is there a way to fetch locale information from the DOM or javascript? I'd
>>> like to make the webapp locale aware, if possible.
>> 
>>> /Mogens
>> 
>>> --
>>> You received this message because you are subscribed to the Google Groups
>>> "iPhoneWebDev" group.
>>> To post to this group, send email to [email protected].
>>> To unsubscribe from this group, send email to
>>> [email protected]<iphonewebdev%2bunsubscr...@google 
>>> groups.com>
>>> .
>>> For more options, visit this group at
>>> http://groups.google.com/group/iphonewebdev?hl=en.
> 
> -- 
> You received this message because you are subscribed to the Google Groups 
> "iPhoneWebDev" group.
> To post to this group, send email to [email protected].
> To unsubscribe from this group, send email to 
> [email protected].
> For more options, visit this group at 
> http://groups.google.com/group/iphonewebdev?hl=en.
> 

-- 
You received this message because you are subscribed to the Google Groups 
"iPhoneWebDev" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/iphonewebdev?hl=en.

Reply via email to