Hi, What's the current best place to go for documentation of iPhone CSS weirdness? (kind of like quirksmode.org but Mobile Safari-focused?)
I prefer to avoid browser-detection where possible, especially when I don't have the cycles to develop mobile-only versions of sites, so I try for as much compatibility as I can instead. Today I was confounded by a couple of odd quirks. This test/example page looks more or less the same in every browser I tried (IE7 & Safari 3 on WinXP, Safari 3 & Firefox for Mac, Firefox 3, [webkit-based] Epiphany, & Opera 9 under Ubuntu) *except* for Mobile Safari on my iPhone: http://twaiku.org You'll notice that the left column renders a good 15 pixels further south on all the desktop browsers than on the iPhone browser. (it's meant to lock up with the header, but I shifted it down so I could see how far off it was) Also, in the uppermost header div, the text spans on the left & right render smaller than the center span on the iPhone, but the same size on the desktop browsers (as they should, near as I can tell, from my CSS). None of this is really make-or-break for me, but it *has* piqued my curiosity & I'm having a hard time putting it down & getting real work done ;-) Any tips on where to look (or interesting hypotheses about the cause) will be much appreciated. Cheers, Ross Grady --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
