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

79 lines
2.0 KiB
HTML
Raw Normal View History

<html>
<body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0>
<p style='padding-left:20px;padding-right:20px'>
Here's the structure of the problem table (which usually begins with
'N E W S H E A D L I N E S'). <br>
This table is width 100%; two rows; three columns;<br>
The first row: widths 15, 125, 15 ... The second row: widths 15, 100%, 15
</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>
<p style='padding-left:20px;padding-right:20px'>
Here's the first row in a table on its own.
This table is width 100%; one rows; three columns;
This row: widths 15, 125, 15
</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>
</table>
<p style='padding-left:20px;padding-right:20px'>
Here's the second row in a table on its own.
This table is width 100%; one rows; three columns;
This row: widths 15, 100%, 15
</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=100%>
that
</td>
<td width=15 bgcolor="#666666"><img src="../images/15.gif" width=15 height=1></td>
</tr>
</table>
<p style='padding-left:20px;padding-right:20px'>
Note that in Nav4.x, the middle column gets the width of the maximum width cell in the column;
on 5.0, the middle column gets the opposite treatment.
</p>
</body>
</html>