LayoutTests/fast/replaced/width100percent-image.html

   1 <html>
   2 <head>
   3 <style>
   4 .test { width: 100%; }
   5 </style>
   6 </head>
   7 <body>
   8
   9 The following elements behave differently in different browsers.
  10 Our current behavior will cause them to overlap,
  11 but we may need to change this in the future.
  12
  13 <table border="0" cellspacing="1" cellpadding="1" width="100%">
  14 <tr>
  15 <td nowrap><img src="resources/apple_m.jpg" class="test"></td>
  16 <td><img src="resources/apple_m.jpg" class="test"></td>
  17 <td><img src="resources/apple_m.jpg" class="test"></td>
  18 <td width="100%">&nbsp;</td>
  19 </tr>
  20 </table>
  21
  22 <br>
  23 <br>
  24
  25 <table border="0" cellspacing="1" cellpadding="1" width="100%">
  26 <tr>
  27 <td nowrap><img src="resources/apple_m.jpg" height="100%"></td>
  28 <td><img src="resources/apple_m.jpg" height="100%"></td>
  29 <td><img src="resources/apple_m.jpg" height="100%"></td>
  30 <td width="100%">&nbsp;</td>
  31 </tr>
  32 </table>
  33
  34 </body>
  35 </html>