viewport, also for this example of "loading" absolute is the correct way
--------------------------------------------------
From: "Alex Zylka" <[email protected]>
Sent: Saturday, July 24, 2010 9:08 PM
To: "iPhoneWebDev" <[email protected]>
Subject: Re: CSS Margin Percents (iUI)
@Jordan: Your suggestion works perfectly, although I would still like
to know if percents in CSS are from the body, the viewport, or the
containing element.
Thanks,
Alex Zylka
http://www.zylka.us
On Jul 24, 2:30 pm, Remi Grumeau <[email protected]> wrote:
+1 !
don t forget to put text-align: center to body and to left to the
targeted div.
Remi Grumeauhttp://www.remi-grumeau.com
Le 24 juil. 2010 à 19:28, Jordan Dobson <[email protected]> a écrit
:
> You'll likely want to use absolute positioning for this type of
> approach.
> If the width is 300px you push it out 50% and then negative margin
> back half the width.. so -150px.
> That's a better way than using margin percentages.
> --
> Jordan Dobson
> (425) 444-8014
>http://Twitter.com/JordanDobson
> On Jul 24, 2010, at 9:45 AM, Alex Zylka <[email protected]> wrote:
>> Hi there again. Right now, I'm messing around with a way to
>> automatically download updates (new cache manifest files) to webapps
>> using a native-looking loading box like the one here (http://
>>www.macnotes.de/gimages/saurik/cydia-nachladen.jpg). I was wondering
>> if anyone knew if using a percent with margin-right/margin-left is a
>> percent of the body width, or the screen width. I ask this because I
>> am attempting to center the loading box on the page. I achieved this
>> by adding margin-right: 18%; to loading.css (which deals with the
>> loading box). This solution works just alright. The box looks centered
>> on the screen. But, when you turn the iPhone/ iPod Touch and the
>> screen rotates to landscape mode, the loading box is way too far to
>> the right side and NOT centered.
>> My test app is here (with the loading box continuosly showing for
>> debugging):http://www.zylka.us/test
>> Thanks,
>> Alex Zylka
>>http://www.zylka.us/
>> --
>> 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
>> athttp://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
> athttp://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.
