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

RESOLVED INVALID

Status

()

RESOLVED INVALID
14 years ago
14 years ago

People

(Reporter: brian, Unassigned)

Tracking

Trunk
x86
Windows XP
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(URL)

(Reporter)

Description

14 years ago
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>
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").
Status: NEW → RESOLVED
Last Resolved: 14 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.