Your layout is very sensitive to font size. Try changing the font size in Firefox or Safari via the menus. Your two header bars grow and shrink as the size changes, but the absolutely-positioned sidebar stays in the same place because of the pixel-based top value.
Safari on iPhone does some auto text sizing, which can affect layout like this. You can disable this via CSS if you wish: <http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/AdjustingtheTextSize/chapter_5_section_3.html > Simon On Apr 27, 2009, at 12:56 PM, grady wrote: > > 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. --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
