63138 - Images not displaying when using percent sizes inside tables

Status: VERIFIED DUPLICATE of bug 33443

(Core :: Layout: Tables, defect)

Description

[Mark Leo-Russell]

From Bugzilla Helper:
User-Agent: Mozilla/4.76 [en] (Windows NT 5.0; U)
BuildID:    Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; m18) Gecko/20001213

GIF, JPG, and PNG images are not displaying when percent values used for IMG 
SRC's HEIGHT and/or WIDTH option inside tables. Images do display properly 
outside of tables.

Reproducible: Always
Steps to Reproduce:
1. Create GIF, JPG, and/or PNG graphics.
2. Create HTML code with graphics inside of table cells.
3. Set image HEIGHT value to some percent value, say 'HEIGHT="95%"'.

Here's an example code segment. Items 1, 2, 3, and 5 display correctly; item 4 
does not display graphics inside of table.


<!--- ========== BEGIN SAMPLE CODE ========== --->
1. Images with no HEIGHT or WIDTH set in IMG tag (GIF, GIF, PNG, JPG):<br>
<img SRC="Image1_GIF87NonInter.gif" BORDER=0 ALT="">
<img SRC="Image2_GIF89NonInter.gif" BORDER=0 ALT="">
<img SRC="Image3.png" BORDER="0" ALT="">
<img SRC="Image5.jpg" BORDER="0" ALT="">

<br>&nbsp;<br>

2. Images with no HEIGHT or WIDTH set in IMG tag inside table (GIF, GIF, PNG, 
JPG):<br>
<table BORDER="1" CELLSPACING="0" CELLPADDING="0">
<tr>
<td><img SRC="PixelSpacer.gif" BORDER=1 ALT=""></td>
<td><img SRC="Image1_GIF87NonInter.gif" BORDER="0" ALT=""></td>
<td><img SRC="Image2_GIF89NonInter.gif" BORDER="0" ALT=""></td>
<td><img SRC="Image3.png" BORDER="0" ALT=""></td>
<td><img SRC="Image5.jpg" BORDER="0" ALT=""></td>
</tr>
</table>

<br>&nbsp;<br>

3. Images with HEIGHT or WIDTH set to image pixel size in IMG tag inside table 
(GIF, GIF, PNG, JPG):<br>
<table BORDER="1" CELLSPACING="0" CELLPADDING="0">
<tr>
<td><img SRC="PixelSpacer.gif" BORDER="1" ALT="" WIDTH="1" HEIGHT="150"></td>
<td><img SRC="Image1_GIF87NonInter.gif" BORDER="1" ALT="" WIDTH="100" 
HEIGHT="100"></td>
<td><img SRC="Image2_GIF89NonInter.gif" BORDER="1" ALT="" WIDTH="100" 
HEIGHT="100"></td>
<td><img SRC="Image3.png" BORDER="1" ALT="" WIDTH="100" HEIGHT="100"></td>
<td><img SRC="Image5.jpg" BORDER="0" ALT="" WIDTH="100" HEIGHT="100"></td>
</tr>
</table>

<br>&nbsp;<br>

4. Images with WIDTH set to image pixel size and HEIGHT set to 100% in IMG tag 
inside table (GIF, GIF, PNG, JPG):<br>
<table BORDER="1" CELLSPACING="0" CELLPADDING="0">
<tr>
<td><img SRC="PixelSpacer.gif" BORDER="1" ALT="" WIDTH="1" HEIGHT="150"></td>
<td><img SRC="Image1_GIF87NonInter.gif" BORDER="1" ALT="" WIDTH="100" 
HEIGHT="100%"></td>
<td><img SRC="Image2_GIF89NonInter.gif" BORDER="1" ALT="" WIDTH="100" 
HEIGHT="100%"></td>
<td><img SRC="Image3.png" BORDER="1" ALT="" WIDTH="100" HEIGHT="100%"></td>
<td><img SRC="Image5.jpg" BORDER="0" ALT="" WIDTH="100" HEIGHT="100%"></td>
</tr>
</table>

<br>&nbsp;<br>

5. Images with WIDTH set to image pixel size and HEIGHT set to 100% in IMG tag 
(GIF, GIF, PNG, JPG):<br>
<img SRC="PixelSpacer.gif" BORDER="1" ALT="" WIDTH="1" HEIGHT="150">
<img SRC="Image1_GIF87NonInter.gif" BORDER="1" ALT="" WIDTH="100" HEIGHT="100%">
<img SRC="Image2_GIF89NonInter.gif" BORDER="1" ALT="" WIDTH="100" HEIGHT="100%">
<img SRC="Image3.png" BORDER="1" ALT="" WIDTH="100" HEIGHT="100%">
<img SRC="Image5.jpg" BORDER="0" ALT="" WIDTH="100" HEIGHT="100%">

<!--- ========== END SAMPLE CODE ========== --->


Actual Results:  Images with percent height/width values do not display inside 
tables

Expected Results:  Displayed the images inside of the table (like NS 4x and IE 
4 & 5 do)

Same display problem on Windows 2K, Windows NT 4, and Windows 98.

I have not tested the daily build on Linux but Netscape 6.0 on Linux displays 
the same problem with images.

Comment 1

[Mark Leo-Russell]

Attachment: Example HTML and images files to illustrate problem with images not displaying inside of tables when percent values used for IMG SRC height/width values.

Comment 2

[Chris Petersen]

changing component to HTML tables

Comment 3

[Fabian Guisset]

Reporter, I have a feeling this is a duplicate of bug 33443.
Can you confirm?
Thanks,
Fabian.

Comment 4

[Mark Leo-Russell]

Fabian:
Yes, it appears bug 33443 covers this image size problem in more detail than my 
report. However, I haven't had problems with images outside of tables as 
mentioned in the report. My problem with the percent sizes only shows up inside 
of tables. Mark L-R

Comment 5

[Fabian Guisset]

qawanted, not sure what to do now...

Comment 6

[HJ]

Hahahaha what a joke, you need to specify it like this: height="%25" so firsth
the % sign and then the number of percentage! Man this is a killer.

Comment 7

[HJ]

Fabian, can you mark this as an dup of bug 33443? Hey I just put that % sign in
as a joke, and it works. That's why the hahahah stuff. So you see you really
never know! Can't 'they' take joke this to make it work?? It really work you know!

Most friendly, hj.

Comment 8

[HJ]

No that aint working at all. Then it's just setting the height to the amount of
pixels. I didn't see that the testcase is using different heights, sorry for
this stupid mistake of my.

Comment 9

[Fabian Guisset]

Following HJ's precious advice I am marking this a duplicate of bug 33443.
If you do not agree, shout at HJ, not at me ;-) 
Nah you can really bug me.
Thanks,
Fabian.

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

Comment 10

[Amarendra Hanumanula]

QA contact update

Comment 11

[Amarendra Hanumanula]

 Verified that this is a dupe of Bug # 33443