table cell width increases unnecessarily when including an img in a multicolumn (colspan) td

UNCONFIRMED
Unassigned

Status

()

Core
Layout: Tables
--
major
UNCONFIRMED
12 years ago
9 years ago

People

(Reporter: Brian Katzung, Unassigned)

Tracking

({testcase})

Trunk
x86
Windows XP
testcase
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

12 years ago
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9a1) Gecko/20051120 Firefox/1.6a1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9a1) Gecko/20051120 Firefox/1.6a1

If you include an IMG in a fixed-width, spanned (multi-column) table cell TD AND there are no rows that access the cells individually (unspanned), the width of the cell exceeds the fixed width by an amount proportional to the displayed width of the image even when the displayed width of the image is less than the width of the cell.

Depending on the content of the cells involved, the content of a neighboring cell to the right in a parent table may be (humanly) unreadable as a result of overlapping rendering.

Reproducible: Always

Steps to Reproduce:
1. See attachment for sample HTML
2. Optional: adjust browser window width to see interaction between adjacent content when problem cells are contained within a nested table.

Actual Results:  
Table cell TD width exceeds specification even when displayed IMG width is less than that of the cell width specification.

Expected Results:  
Fit the image within the specified space when the displayed IMG width is less than the specified cell width.
(Reporter)

Comment 1

12 years ago
Created attachment 203815 [details]
Demonstrates cases of excessive cell width

When a problem cell is within a nested table, the width of the outer table/table cells is/are not adjusted with the width of the inner table. You can see this by playing with the width of your browser window and watching the right float overlap the left float before it hits the outer table border and is forced below the left float.

If there are neighboring cells in the outer table to the right of the nested table (not shown in this example), the excessively wide nested table content "spills over" into the right neighbor(s) of the outer table.

Updated

12 years ago
Component: General → Layout: Tables
Keywords: testcase
Product: Firefox → Core
QA Contact: general → layout.tables
Version: unspecified → Trunk
Mozilla1.7 does the same here, so not a (recent) regression.

Comment 3

9 years ago
this is wfm with a recent nightly (and probably 3.5)
You need to log in before you can comment on or make changes to this bug.