RetroZilla/layout/html/tests/table/bugs/bug29058-2.html

120 lines
2.7 KiB
HTML
Raw Normal View History

2015-10-21 05:03:22 +02:00
<!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&eacute;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>