http://www.bluerobot.com/web/css/center1.html
CSS can do the work for you. Your percentage based approach should work as well. I am not sure about the iUI implications, I am speaking strictly from a web standards point of view when I say avoid absolute positioning. If you only care about iPhone+iUI then go ahead... On Sat, Jul 24, 2010 at 3:19 PM, Jordan Dobson <[email protected]>wrote: > Or are you saying just don't use pixels? That I can understand. > > So something like this would work without pixels. > > .foo{ > position: absolute; > left: 50%; > width: 80%; > margin-left: -40%; > } > > Make sure the parent has position: relative. > > -- > Jordan Dobson > > (425) 444-8014 > http://Twitter.com/JordanDobson > > On Jul 24, 2010, at 2:21 PM, Jesse MacFadyen <[email protected]> > wrote: > > > -1 > > Do NOT use absolute values, use margin auto and make sure the parent > element is width 100% plus text-align center. Your solution will then work > in any browser. > > > > > > On 2010-07-24, at 1:08 PM, Alex Zylka <[email protected]> wrote: > > > >> @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]<iphonewebdev%[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]<iphonewebdev%[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]<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]<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]<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.
