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