third_party/WebKit/LayoutTests/tables/mozilla/bugs/bug8950.html

   1 <html>
   2 <HEAD>
   3 <STYLE TYPE="text/css">
   4 <!--
   5 a:hover       {color: red;}
   6 -->
   7 </STYLE>
   8 </head>
   9 <body>
  10
  11 <table border=1 width=653>
  12  <tr>
  13   <td colspan=6 width=653>
  14    <table border=1 width=620>
  15     <tr>
  16      <td width=620 height=4> foo </td>
  17     </tr>
  18     <tr>
  19      <td valign=top>
  20       <table border=1 width=39>
  21        <tr>
  22         <td width=39 height=47 valign=top> bar </tD>
  23         <td valign=middle align=center> baz </tD>
  24        </tr>
  25        <tr>
  26         <td width=5 valign=top> faz </td>
  27         <td valign=top>
  28          <table border=1 width=581>
  29           <TR>
  30            <td colspan=2 width=581>
  31             <table border=1 width=581 border=0>
  32              <tr>
  33               <td valign=top align=left width=120> frip </td>
  34               <td align=center valign=top width=480>
  35                Feel free to browse ...
  36                <P>
  37                <CENTER>
  38                <TABLE BORDER=1 WIDTH="273">
  39                 <TR>
  40                  <TD><a href="">Holiday</A></TD>
  41                  <TD><a href="">Cars</A></TD>
  42                 </TR>
  43                 <TR>
  44                  <TD><a href="">Sports</A></TD>
  45                  <TD><a href="">Animals</A></TD>
  46                 </TR>
  47                 <TR>
  48                  <TD><a href="">Computers</A></TD>
  49                  <TD><a href="">Cartoons</A></TD>
  50                 </TR>
  51                </TABLE>
  52                </CENTER>
  53               </td>
  54              </tr>
  55             </TABLE>
  56            </td>
  57           </tr>
  58          </TABLE>
  59         </td>
  60        </tr>
  61       </TABLE>
  62      </td>
  63     </tr>
  64    </TABLE>
  65   </td>
  66  </tr>
  67 </TABLE>
  68 <BR>
  69
  70 <p>The second (nested) table below has fixed widths 300px, 500px, 200px (outer to inner).<br>
  71 When the <code>a:hover</code> for 'Holiday' gets <code>'onMouseOver'</code>,
  72 the outer table reflows to 300px,<br>
  73 clipping the middle (500px) table in the process.</p>
  74
  75 <table border=1 width=300>
  76  <TR>
  77   <td>
  78 300px wide for comparison
  79   </td>
  80  </tr>
  81 </TABLE>
  82
  83 <br>
  84
  85 <table border=1 width=300>
  86  <TR>
  87   <td>
  88    <table border=1 width=500>
  89     <tr>
  90      <td>
  91       <TABLE BORDER=1 WIDTH=200>
  92        <TR>
  93         <TD><a href="">Holiday</A></TD>
  94        </TR>
  95       </TABLE>
  96      </td>
  97     </tr>
  98    </TABLE>
  99   </td>
 100  </tr>
 101 </TABLE>
 102 </body></html>