2007-02-17 08:37:13 +03:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Percent widths on table cells</title>
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
|
|
|
|
|
table {
|
|
|
|
|
border-spacing: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
border: none;
|
|
|
|
|
empty-cells: show;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
td {
|
|
|
|
|
border: 1px solid;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
2007-02-20 00:24:53 +03:00
|
|
|
<!-- column min widths must match tests, since we have to size slightly
|
|
|
|
|
smaller than percents because of the extra space from the borders -->
|
2007-02-17 08:37:13 +03:00
|
|
|
<table width="100%"><tr height="50">
|
2007-02-20 00:24:53 +03:00
|
|
|
<td style="background:yellow" width="40%"><div style="width:100px"></div></td>
|
|
|
|
|
<td style="background:aqua" width="40%"><div style="width:100px"></div></td>
|
|
|
|
|
<td style="background:fuchsia" width="20%"><div style="width:100px"></div></td>
|
2007-02-17 08:37:13 +03:00
|
|
|
<td style="background:blue"></td>
|
|
|
|
|
</tr></table>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
