257792 - Text zoom causes moves images (ads) around page over other items

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[brian]

Changing text zoom causes the ads to move around the page over the text. This is
very annoying, because it obscures the text that I am enlarging to try to read.

To reproduce: 
1) load the globeandmail homepage
2) change text zoom
3) the banner ad moves around and obscures other content.

Similar results occur with inline ads on story pages too, with more visible
results (but the URL's are temporary).

I think I found the html surrounding one of the ads. It has nested div tags. The
parent uses relative positioning, the child uses uses absolute positioning.

From my (admittedly weak) understanding of how CSS positioning works, shouldn't
the child stay within the bounds of its parent?

Anyway, here is the snippet of html containing the top banner ad on the
globeandmail homepage:

<DIV
     style="position: relative; height: 0px; width: 0px; top: -1762px; left: 139px;"
     name="a1" id="a1">
  <DIV style="position: absolute; top: 0px; left: 0px; height: 0px; width: 0px;"
       name="a1i" id="a1i">
    <SCRIPT src="http://voken.eyereturn.com/erCSA/path.js"/>
    <SCRIPT
src="http://voken.eyereturn.com/erCSA/?http://www.theglobeandmail.com/"/>
    <SCRIPT type="text/javascript" language="JavaScript1.2">
if(a1){fnTdo('a1',468,60,1,'j',nc);}    </SCRIPT>
    <SCRIPT
           
src="http://ad.ca.doubleclick.net/adj/www.theglobeandmail.com/breakingnews-home;abr=!webtv;mode=bn;loc=hub;adpg=Front;arena=Front;ops=;nc=;kw=;pos=;sz=468x60;tile=1;ord=4649221851020463?"
language="javascript"/>
    <A
      
onclick="tradeByNumbersWin=window.open('http://ad.ca.doubleclick.net/click%3Bh=v3|317a|3|0|%2a|o%3B6893702%3B0-0%3B0%3B4397708%3B1-468|60%3B4082424|4100320|1%3B%3B%7Esscs%3D%3fhttp%3a%2f%2fmagazine.globeinvestor.com','tradeByNumbersWin','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=720,height=508,left=15,top=10');return
false;" href="http://magazine.globeinvestor.com/">
      <IMG width="468" height="60" border="0" alt="Trade By Numbers eMagazine"
src="http://m3.doubleclick.net/5959/tbn_468x60_nc_2.gif"/>
    </A>
  </DIV>
</DIV>

Comment 1

[Boris Zbarsky [:bzbarsky]]

The page has pixel-positioned content, and increasing the text size makes the
text take up a different number of pixels.

Marking invalid; markup like this can't possibly work with "text zoom" well
(though see the bug on "full page zoom").