| Percentage-proportioned Columns: 80%, 20% |
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css" media="Screen">
* .sized {
table-layout: auto;
width: 700px;
}
* .p1 {
width: 20%;
background: pink;
}
* .p2 {
width: 80%;
background: gold;
}
* .p3 {
width: 50%;
background: red;
}
</style>
</head>
<body>
<table class="sized">
<tr>
<td class="p2">80%</td>
<td class="p1">20%</td>
</tr>
</table>
</body>
</html>
|
|
|
|
| Related examples in the same category |
| 1. | 'cols' establishes the number of columns in a table | | | | 2. | Fixed Table Sized Columns | | | | 3. | Maximum-width Sized Columns | | | | 4. | Minimum-width Sized Columns | | | | 5. | Column width | | | | 6. | Shrinkwrapped Table: width auto, width 20% | | | | 7. | Shrinkwrapped Table: 20%, 20%, 20%, 20%, 20% | | | | 8. | Equal Content-sized Columns | | | | 9. | Fixed Table and Undersized Columns | | | | 10. | Sized Table cannot be undersized | | | | 11. | stretched table with undersized column | | | | 12. | Percentage-proportioned Columns: 50%, 50% | | | | 13. | Percentage-proportioned Columns: 20%, 20% | | | | 14. | Percentage-proportioned Columns: 80%, 80% | | | | 15. | Percentage-proportioned Columns: 80%, 20%, 50% | | | | 16. | Column groups | | |
|