76625 - When CSS rules are applied, fonts overflow table boundaries, and are rendered beyond link underline

Status: RESOLVED DUPLICATE of bug 59915

(Core :: Layout, defect)

Description

[Miles Lane]

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (X11; U; Linux 2.4.3-ac9 i686; en-US; 0.8.1)
BuildID:    2001041108

This page is consistently rendered horribly.   This appears to be due to the use
of CSS on this page.
I created a test page that had the CSS removed and the page then rendered well
and looked 
very similar to the layout shown by Navigator 4.75 when rendering this page.
The text of links extends past the underlines.  The text that isn't underlined is 
not an active link.  Clicking on it causes no page redirection.
Also, the text effected by CSS rules flows outside of table boundaries.

Here's an example of a link that exhibits both bugs when rendered
within a table:

<tr><td width="7" valign="top"><img src="arrow.gif" width="7" height="12"
alt=""></td>
<td width="183"><span class="v12"><a href="">TiVo customers in a
jam</a></span></td></tr>

Here's the relevant snippet from the CSS for this page:

.v12
        { 
        font-family: Verdana, Helvetica; 
        font-size: 12pt; }

Reproducible: Always
Steps to Reproduce:
1. Load http://www.zdnet.com


Actual Results:  Read the description.

Expected Results:  Mozilla should render a legible page that looks similar to one
shown by Navigator 4.75:  text should all flow in the table cells,
all link text should be underlined and active, the correct fonts
should be rendered.

Comment 1

[Johnny Stenback (:jst)]

Not a dom problem, over to layout.

Comment 2

[Boris Zbarsky [:bzbarsky]]

worksforme, linux build 2001-04-22-21.  Page looks nice when rendered.
Screenshot provided on request...

Comment 3

[Miles Lane]

Are you running XFree86 4.0.3?  I am.  Also, I am running Mandrake 
7.2 and Helix Gnome 1.2 on a Linux 2.4 kernel.

Also of possible significance, I am using the "nv" driver
for my NVidea GeForce DDR video card at 1280x1024.

I will e-mail you an image of the bug.

Comment 4

[Boris Zbarsky [:bzbarsky]]

I have XFree86 4.0.1 here, not 4.0.3.  Attaching an image of the bug here (use
http://bugzilla.mozilla.org/createattachment.cgi?id=76625) would be great.

Comment 5

[Miles Lane]

Attachment: Example of several bugs in Mozilla

Comment 6

[Miles Lane]

Attachment: Example of what I see using Nav 4.76 on the same machine.

Comment 7

[Miles Lane]

As you can see from these two attached images,
there are several problems:

1.  The page does not fully render under mozilla.
    For some reason, the browser fails to download
    and render all the images.

2.  Most of the links show the problem I described
    earlier, where the link text insn't fully underlined.
    You have to trust me that part the text that isn't 
    underlined, although shown in blue, is not an active 
    link.

3.  You can also see that there appears to be another
    consequence of the link text being render larger
    than it should.  That is, toward the top of the page
    where there is a list separated by bullets, the text
    overlaps the bullets.  This also happens at the very
    top of the page with the links separated by "|".

4.  The button and button text and the inputbox both
    seem to be oversized and are distorting the display
    of the query UI.

5.  In the boxes that should be getting images rendered into
    them (for example, the one beneath the link "More News 
    Headlines" in red), the alt text is not being fully 
    displayed.

6.  This particular edition of the ZDNet homepage doesn't 
    show the problem where the table layouts are getting 
    messed up, but the bug is still there.  I'll try to attach
    another image showing that problem, later.

Comment 8

[Boris Zbarsky [:bzbarsky]]

looks like font metric trouble.  What's your font setup?  What's the default
font for Mozilla?  Are you using a font server or letting X handle the fonts
directly?

Comment 9

[Miles Lane]

I get the same bugs whether or not I use a font server.
I agree that it does look like I might simply have a 
messed up XFree86 configuration.

As my original report showed, the ZDNet website specifies
the fonts in HTML and CSS.

My installed fonts include:

urw-fonts-2.0-2mdk
ghostscript-fonts-5.50-5mdk
fonts-ttf-japanese-0.19990222-7mdk
XFree86-75dpi-fonts-4.0.3-7mdk
fonts-ttf-korean-1.0-7mdk
XFree86-ISO8859-2-75dpi-fonts-1.0-14mdk
fonts-type1-baltic-1.0-4mdk
fonts-ttf-big5-1.0-9mdk
fonts-ttf-west_european-1.3-8mdk
XFree86-100dpi-fonts-4.0.3-7mdk
mozilla-fonts-20000310-6mdk
fonts-ttf-decoratives-1.3-8mdk
drakfont-0.58-11mdk
XFree86-cyrillic-fonts-4.0.3-7mdk

Here's an excerpt from my XFree86.0.log showing my display configuration:

(--) NV(0): Virtual size is 1280x1024 (pitch 1280)
(**) NV(0): Default mode "1280x1024": 157.5 MHz, 91.1 kHz, 85.0 Hz
(II) NV(0): Modeline "1280x1024"  157.50  1280 1344 1504 1728  1024 1025 1028
1072 +hsync +vsync
(--) NV(0): Display dimensions: (36, 27) cm
(--) NV(0): DPI set to (90, 96)

I'm not sure what else to tell you.  Can you tell me how to gather
more diagnostic information?

Comment 10

[Boris Zbarsky [:bzbarsky]]

Actually, this looks like a duplicate.  XFree4, truetype Verdana font...

*** This bug has been marked as a duplicate of 59915 ***