192444 - images wrap in quirks mode if the available space for the table is smaller than the required accumulated image width

Status: NEW

(Core :: Layout: Tables, defect)

Description

[Josh Seidel]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.3a) Gecko/20021212
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.3a) Gecko/20021212

The page's the cells for the header at the top are rendered in different
positions in the table.

Reproducible: Always

Steps to Reproduce:
1.Open the browser
2.Go to http://www.usembassy.it/policy/
3.Look at the images in the table that is the header of the website

Actual Results:  
The same problem before

Expected Results:  
It should have rendered the images in the table in the appriopriately places.

The problem code is somewhere in here:

<!--Top Banner -->
<table border="0" cellpadding="0" cellspacing="0" width="99%"
background="images/TOP_POL_SLICES/top_bkg.gif">

  <tr>
    <td width="184"
background="../images/TOP_POL_SLICES/tab_dis_center.gif"><map name="FPMap2">
      <area href="/" alt="Home Page" shape="rect" coords="10, 10, 158,
29"></map><img border="0" src="../images/TOP_POL_SLICES/top_home.gif" alt="Home
Page" width="173" height="34" usemap="#FPMap2"><img border="0"
src="../images/TOP_POL_SLICES/tab_dis_start.gif" alt="U.S. Policy Issues"
width="10" height="34"></td>
    <td width="236" background="../images/TOP_POL_SLICES/tab_dis_center.gif">
      <p align="center"><map name="FPMap0">
      <area href="/Mission/" alt="Embassy &amp; Consulates" shape="rect"
coords="1, 13, 132, 26"></map><img border="0"
src="../images/TOP_POL_SLICES/emb_blu.gif" alt="Embassy &amp; Consulates"
usemap="#FPMap0" width="133" height="34"></p>
    </td>
    <td width="20" background="../images/TOP_POL_SLICES/tab_ena_center.gif"><img
border="0" src="../images/TOP_POL_SLICES/tab_dis_end.gif" alt="U.S. Policy
Issues" width="10" height="34"><img border="0"
src="../images/TOP_POL_SLICES/tab_ena_start.gif" alt="U.S. Policy Issues"
width="10" height="34"></td>
    <td width="235" background="../images/TOP_POL_SLICES/tab_ena_center.gif">

      <p align="center"><img border="0"
src="../images/TOP_POL_SLICES/pol_gray.gif" alt="U.S. Policy Issues" width="100"
height="34"></p>
    </td>
    <td width="20" background="../images/TOP_POL_SLICES/tab_dis_center.gif"><img
border="0" src="../images/TOP_POL_SLICES/top_ena_end.gif" alt="U.S. Policy
Issues" width="10" height="34"><img border="0"
src="../images/TOP_POL_SLICES/tab_dis_start.gif" alt="U.S. Policy Issues"
width="10" height="34"></td>
    <td width="242" background="../images/TOP_POL_SLICES/tab_dis_center.gif">
      <p align="center"><map name="FPMap1">
      <area href="/Usa/" alt="About the U.S.A." shape="rect" coords="0, 14, 93,
26"></map><img border="0" src="../images/TOP_POL_SLICES/usa_blu.gif" alt="About
the U.S.A." usemap="#FPMap1" width="94" height="34"></td>
    <td width="11"><img border="0"
src="../images/TOP_POL_SLICES/tab_dis_end.gif" alt="U.S. Policy Issues"
width="10" height="34"></td>
  </tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="99%">
  <tr>
    <td><img border="0" src="../images/TOP_POL_SLICES/top_r2_right.gif"
alt="U.S. Policy Issues" width="173" height="15"></td>
  </tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="99%"
background="../images/TOP_POL_SLICES/top_r3_bkg.gif">
  <tr>
    <td width="172"><img border="0"
src="../images/TOP_POL_SLICES/top_r3_left.gif" alt="U.S. Policy Issues"
width="85" height="22"></td>
    <td width="100%" valign="bottom">
      <p align="center"><img border="0"
src="../images/TOP_POL_SLICES/top_pol_title.gif" alt="U.S. Policy Issues"
width="313" height="22"></td>

    <td width="172"><img border="0"
src="../images/TOP_POL_SLICES/top_r3_right.gif" alt="U.S. Policy Issues"
width="85" height="22"></td>
  </tr>
</table>
<!--  End of Top Banner   -->

Comment 1

[Josh Seidel]

It also renders improperly in the 1.1 version of Mozilla in Linux using the same
steps listed above. The Operating system is Linux Mandrake 9.0

Comment 2

[Boris Zbarsky [:bzbarsky]]

> Actual Results:  
> The same problem before

Could you be a little more specific?  The rendering looks fine with linux trunk
build 2003-02-07-08....

Comment 3

[Bernd]

in order to see it you may need to reduce the window size

Comment 4

[Boris Zbarsky [:bzbarsky]]

Oh, right.  IE will never line-break between adjacent images, even if this
causes other constraints to be violated, while we will do that line-break....

Comment 5

[Madhur Bhatia]

anybody able to figure out the dup ?

Comment 6

[Bernd]

Attachment: quirks testcase, in ie the images dont wrap.

Comment 7

[Elmar Ludwig]

*** Bug 297427 has been marked as a duplicate of this bug. ***