gecko/layout/html/tests/table/bugs/bug9123-2.html

57 lines
1.4 KiB
HTML

<html>
<body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0>
<p style='padding-left:20px;padding-right:20px'>
Here's the same two row table, but the second instance reverses the order of
the rows: note that it is the first row that defines the width (which would
be right if this were table-layout: fixed ;-)
</p>
<table border=1 width=100% cellpadding=0 cellspacing=0>
<tr>
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
<td width=125><img src="../images/left_menu_bottom2.gif" width=110 height=15></td>
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
</tr>
<tr>
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
<td width=100%>
that
</td>
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
</tr>
</table>
<br>
<table border=1 width=100% cellpadding=0 cellspacing=0>
<tr>
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
<td width=100%>
that
</td>
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
</tr>
<tr>
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
<td width=125><img src="../images/left_menu_bottom2.gif" width=110 height=15></td>
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
</tr>
</table>
</body>
</html>