Ahh, gotcha! I go back and forth on the relative merits of the whole "SEO navbar below the main content" thing & here's another argument against it. Either that or I need to set overflow to hidden on the header, which is not optimal either.
Thanks for the link to the doc; that helps a lot. Friendliest RTFM I've ever gotten on a listserv, in fact ;-) Cheers! Ross Grady Simon Fraser wrote: > 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 -~----------~----~----~----~------~----~------~--~---
