You can use really crude css @media filters to try to detect what device
you're on based on resolutions.

Your current example at http://ugetest.beltoft.dk doesn'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 from http://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%[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