commanderW - 3:14 am on Jul 16, 2010 (gmt 0)
Just a few months ago I noticed a new behaviour in Safari. When I zoom text, everything zooms. images, divs, everything. I just bought a new Mac in Dec. 2009, going from Safari 1.75 to Safari 4 something. But I am certain this did not occur during the first part of this year. There must have been an update around March or April. There is a choice in the view menu for 'zoom text only' to correct this behavior.
My concern is what it does on a page with floated divs. If a div has a width defined as a percent, it does not expand when zoomed. But if the width is defined in px it does. (I had previously discovered that defining images or divs in ems allowed them to expand with the zooming of text, in Safari and Firefox, and used it occasionally, but only under deliberately specified conditions.).
I have designed all my sites with divs defined by width. This allows the bottom to grow as text is zoomed and flows downward, but the layout can stay the same. Now, those divs defined in px will expand and bump each other down below the fold when the user zooms text. Zooming now rearranges everything on the page. It did not when I coded these pages.
I'm not really happy with such a big change in browser behaviour like this. I try to keep my pages working in all browsers and all screen sizes, but this kind of things makes me fell like I might as well just throw layout right out the window ! (Of course, on most sites, when you zoom text it goes right out of the div and becomes unreadable anyway :)
Anybody else notice this as a recent change? I also noticed similar behavior in Firefox around the same time.