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

124 lines
2.3 KiB
HTML
Raw Normal View History

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<p>This is a table with a <code>td align=center</code> that has a p, a table,
and a p.</p>
<table border width="30%">
<tr>
<td align=center>
<p>text</p>
<table width=80% border>
<tr>
<td>text 3</td>
</tr>
</table>
<p>text</p>
</td>
</tr>
</table>
<p>This time the inner table has <code>width="100%"</code>, so you can see
that the CSS spec isn't quite being followed. The CSS spec says that
the align=center carries down as text-align and never acts to move blocks.
You're not moving the block for the table (above), but you're not doing
the text-align inside it either. In quirks mode you should do the former,
in standard mode, the latter.</p>
<table border width="30%">
<tr>
<td align=center>
<p>text</p>
<table border width="100%">
<tr>
<td>text 3</td>
</tr>
</table>
<p>text</p>
</td>
</tr>
</table>
<BR>
<table width=300 border align="center">
<tr><td>Data of Table 1!</td></tr>
</table>
<BR>
<table width=300 border style="text-align: center">
<tr><td>Data of Table 2!</td></tr>
</table>
<BR>
<div style="border: 1px solid black" align="center">
<table>
<tr><td>Data of Table 3!</td></tr>
</table>
</div>
<BR>
<div style="text-align: center; border: 1px solid black;">
<table>
<tr><td>Data of Table 4!</td></tr>
</table>
</div>
<BR>
<table width=100%>
<tr>
<td align=center>
Text, followed by
<table>
<tr>
<td>
A table.
</td>
</tr>
</table>
</td>
</tr>
</table>
<p>...should look identical to the first one below:</p>
<table width=100%>
<tr>
<td>
<div align=center>Text, followed by</div>
<table width=100%>
<tr>
<td>
<div align=center>A table.</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<p>However, in standard mode, the first table should look like this:
<table width=100%>
<tr>
<td>
<div align=center>Text, followed by</div>
<table width=100%>
<tr>
<td>
A table.
</td>
</tr>
</table>
</td>
</tr>
</table>
<p>For reference, the second table has its text all centered, the third table has the "A table." line
aligned left.</p>
<hr>
<p> See also: <a href="tablealign.strict.html">Strict Mode Version</a> </p>
-->