зеркало из https://github.com/mozilla/pjs.git
120 строки
2.7 KiB
HTML
120 строки
2.7 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<HTML>
|
|
<!-- Created with GoldED 4.7.3 (23.6.97) -->
|
|
<HEAD>
|
|
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
|
<META name="description" lang="fr" content="Test sur les tables">
|
|
<META name="author" content="Sébastien Desvignes">
|
|
<META name="generator" content="WWW publishing extensions for GoldED">
|
|
<TITLE>Table width test</TITLE>
|
|
<STYLE type="text/css">
|
|
BODY
|
|
{
|
|
color: #000;
|
|
background-color: #999;
|
|
}
|
|
|
|
H1
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
TABLE
|
|
{
|
|
border: outset 1px grey;
|
|
}
|
|
|
|
TD
|
|
{
|
|
border: inset 1px grey;
|
|
}
|
|
|
|
IMG
|
|
{
|
|
border: solid 1px white;
|
|
}
|
|
</STYLE>
|
|
</HEAD>
|
|
|
|
<BODY>
|
|
<TABLE>
|
|
<CAPTION>Table with no width attribute</CAPTION>
|
|
<COL width="50px">
|
|
<COL width="1*">
|
|
<COL width="50px">
|
|
<COL width="3*">
|
|
<TR>
|
|
<TD>50px</TD>
|
|
<TD>1*</TD>
|
|
<TD>50px</TD>
|
|
<TD>3*</TD>
|
|
</TR>
|
|
</TABLE>
|
|
<P>correct
|
|
|
|
<TABLE width="500px">
|
|
<CAPTION>Table with fixed width attribute =500px</CAPTION>
|
|
<COL width="50px">
|
|
<COL width="1*">
|
|
<COL width="50px">
|
|
<COL width="3*">
|
|
<TR>
|
|
<TD>50px</TD>
|
|
<TD>1*</TD>
|
|
<TD>50px</TD>
|
|
<TD>3*</TD>
|
|
</TR>
|
|
</TABLE>
|
|
<P>incorrect: it seems that the * columns start with the same width than the previous
|
|
example, and then all the columnss are expanded proportionally to occupy the extra space.
|
|
The * columns should use all the space unused by other columns, so no expand are needed
|
|
for other columns.
|
|
|
|
<TABLE width="100%">
|
|
<CAPTION>Table with width attribute =100%</CAPTION>
|
|
<COL width="50px">
|
|
<COL width="1*">
|
|
<COL width="50px">
|
|
<COL width="3*">
|
|
<TR>
|
|
<TD>50px</TD>
|
|
<TD>1*</TD>
|
|
<TD>50px</TD>
|
|
<TD>3*</TD>
|
|
</TR>
|
|
</TABLE>
|
|
<P>incorrect: same as above.
|
|
|
|
<TABLE width="500">
|
|
<CAPTION>Table with width attribute =500px</CAPTION>
|
|
<COL width="1*">
|
|
<COL width="2*">
|
|
<COL width="1*">
|
|
<COL width="6*">
|
|
<TR>
|
|
<TD>1*</TD>
|
|
<TD>2*</TD>
|
|
<TD>1*</TD>
|
|
<TD>6*</TD>
|
|
</TR>
|
|
</TABLE>
|
|
<P>correct
|
|
|
|
<TABLE width="100%">
|
|
<CAPTION>Table with width attribute =100%</CAPTION>
|
|
<COL width="1*">
|
|
<COL width="2*">
|
|
<COL width="1*">
|
|
<COL width="6*">
|
|
<TR>
|
|
<TD>1*</TD>
|
|
<TD>2*</TD>
|
|
<TD>1*</TD>
|
|
<TD>6*</TD>
|
|
</TR>
|
|
</TABLE>
|
|
<P>correct
|
|
</BODY>
|
|
|
|
</HTML>
|