vertical text overlap in table from WebExpress

RESOLVED INVALID

Status

()

Core
Layout: Block and Inline
RESOLVED INVALID
14 years ago
8 months ago

People

(Reporter: Robert Praetorius, Unassigned)

Tracking

({testcase})

Trunk
x86
Windows 2000
testcase
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(URL)

Attachments

(3 attachments)

(Reporter)

Description

14 years ago
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7) Gecko/20040803 Firefox/0.9.3
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7) Gecko/20040803 Firefox/0.9.3

This page (which seems to have been generated by MicroVision WebExpress) has
problems with text vertically overlapping text and other table elements.  The
problems are most pronounced near the bottom of the page (specifically in the
chart labeled Natural Rubber Latex).  The overlap (in proportion to text height,
anyway) increases with smaller font sizes.

Also seen with
Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.8a3) Gecko/20040817
Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4) Gecko/20030624
Netscape/7.1 (ax)

The HTML here is probably not great (perhaps this is an evangelism issue?).
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.pechsiam.com%2Fallabout4.htm
produces quite a bit of output.  However, IE 6 does a more legible job,
rendering it at various font sizes without overlap (not a perfect job though -
the text Specifications: (at the top of the 1st column in the Natural Rubber
Latex) is pretty much thrown away, although you can see the bottom of it
peeking out at the largest font size).

I'm not into the details of HTML tables (yeah, I know they're not just details
if you're implementing them or trying to exploit them to the fullest).  I did a
search for a matching bug and nothing jumped out at me.  But I wouldn't be
surprised if someone who knew the territory better found that this was a
duplicate of something already filed.


Reproducible: Always
Steps to Reproduce:
1. go to http://www.pechsiam.com/allabout4.htm
2. shrink the font size a few times (CTRL/-)
3. go to the bottom of the page

Actual Results:  
saw a bunch of text vertically overlapping other text and other table elements


Expected Results:  
rendered text without overlap
(Reporter)

Comment 1

14 years ago
Created attachment 157060 [details]
the page as rendered by Firefox 0.9.3
(Reporter)

Comment 2

14 years ago
Created attachment 157061 [details]
the page as rendered by IE 6

Comment 3

14 years ago
We would need a reduced testcase here (www.mozilla.org/newlayout/bugathon.html)
Keywords: qawanted

Comment 4

14 years ago
Created attachment 160641 [details]
testcase

In this testcase I concentrated on the four links near the end of the page. As
you see, this problem is not related to tables, it is caused by the paragraphs
having a top margin of -14pt. In Opera and IE, this seems to be equivalent with
the default margin between paragraphs; Mozilla uses 1em as the default bottom
margin, so the margin gets smaller with smaller font sizes.

Comment 5

14 years ago
I believe the margins collapse
Component: Layout: Tables → Layout: Block and Inline
Keywords: qawanted → testcase
QA Contact: layout.tables → layout.block-and-inline

Comment 6

8 months ago
After carefully examining attachment 160641 [details] and carefully reading the bug report description, I am convinced that the observed vertically overlapping text over other text and over other table elements is due to margin collapsing. IE6 was notoriously known for having lots of bugs with margin collapsing. Therefore, I am

Resolving as INVALID
Status: UNCONFIRMED → RESOLVED
Last Resolved: 8 months ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.