<!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>
