Msg#: 4402252 posted 8:28 pm on Dec 29, 2011 (gmt 0)
(Does this belong in the CSS forum?)
Simplified: a heading over two floated divs works fine in both orientations, but when zoomed it overlaps the text of the floated divs. Ideas?
Details: On the Android with this user agent
Mozilla/5.0 (Linux; U; Android 2.2.2; en-us; SCH-M828C Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1
... and "auto fit pages" set, which I believe is the default, this page works fine in both landscape and portrait orientations, but when user-scaled (zoomed) the heading overlaps the floated content. I looked at supported selectors, they mostly cover what selectors are supported, not the rules themselves. Is "clear:both" not supported?
When enlarged it should push the floated div's down with the clearing div. But it doesn't. :-)