191389 - img with 100% height does not fill cell

Status: RESOLVED WONTFIX

(Core :: Layout: Tables, defect, P3)

Description

[Matthew Haas]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.2.1) Gecko/20030122
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.2.1) Gecko/20030122

Images with 100% height do not fill table cells vertically if the cell is in a
row after one containing a 100% height image. I know it sounds strange but check
the demonstration URL.

Reproducible: Always

Steps to Reproduce:
1. Make a table with two or more rows
2. Put images with height="100%" attributes in cells in a number of rows
3. Put something else (such as text) in a cell in the same row as the image to
give it something to scale to.
4. Look at it in the browser.
5. Scratch your head.

Actual Results:  
The images in subsequent rows had space above and below them.

Expected Results:  
The images should of had no space above and below them, they should of been the
same as the images on the first row.

I've tried to produce a demonstration URL that shows, in a much simplified form,
how this bug confounds a quite common way of scaling pretty borders around a table.

Comment 1

[R.K.Aa.]

Attachment: Screenshot: IE6, current Mozilla , NS4.78

Screenshot of IE6, current trunk Mozilla (Linux), and NS4.78

Comment 2

[Matthew Haas]

Attachment: Screen shots showing effect of adding style="height: 100%;"

In fact these screen shots show two things:

a. That display looks different when the page is first opened and when I press
refresh.

b. The effect of adding style="height: 100%;" to the <td> tags of the offending
cells. 

The shots are:

1. Original URL when first opened in Mozilla.

2. Original URL when refresh is pressed in Mozilla.

3. http://www.btinternet.com/~matthew.haas/mozbug/cell.height.html in Mozilla.
The same as the page at the original URL but with style="height: 100%;" added
to the <td> tags.

4. The new URL in IE6. Curses! IE succeeds where Mozilla fails.

Comment 3

[Andrew Schultz]

Attachment: reduced testcase

testcase exhibits the bug with linux trunk build 20030131
the first image actually has 100% hieght and the second does not (only 1 pixel)

Comment 4

[Andrew Schultz]

> with style="height: 100%;" added to the <td> tags.

100% of what?

marking NEW

Comment 5

[Matthew Haas]

100% of available height, it is required to stretch images vertically in table
cells in IE6 as you will see if you compare the screen shots. I don't know if IE
is standards compliant in this respect but it's worth a try in Mozilla too.

Comment 6

[Matthew Darwin]

Attachment: Another test case (the white space after the image should not appear)

I think the test case I have is the same problem.  I have attached it.
If someone doesn't think it is the same, then I will open a separate bug.

Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.6b) Gecko/20031210

Comment 7

[Andrew Schultz]

that's bug 22274

Comment 8

[Bernd]

Attachment: testcase with image location fixed

Comment 9

[Bernd]

IE7 does not show the image at all
Opera does what we do
webkit stretches
and the CSS21 spec would imply that the height of the image is auto like we do
=> my recommendation: WONTFIX

Comment 10

[Bernd]

since no opposition I am closing this