@alex - I'm glad it worked out for you! @Jesse - Comments inline below...
On Sat, Jul 24, 2010 at 5:08 PM, Jesse <[email protected]> wrote: > 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... I'm pretty into standards and consider myself an extremely skilled CSS wizard. :P Also I respect your work very much! However, I don't see where absolute positioning comes into play with web standards. I use that approach frequently and never have issues nor do I think it's something you should avoid. It's very reliable method to apply especially when you need to have layers of content. Maybe I'm misinterpreting your comment on web-standards however. I think the main issues people have with absolute positioning is they don't understand how to apply the right properties to parent elements and so on to get the desired effect. I know I had a hard time with it cross browser at first until I dug in more. > > 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]. >> >>>>> 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. >> > >> >> -- >> 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. > -- Jordan Dobson Owner + Director MadeBySquad.com | Glue.Pro | SquadBlog.com (425) 444-8014 Follow me on twitter at http://Twitter.com/JordanDobson -- 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.
