| Index: trunk/phase3/docs/uidesign/table-layout.html |
| — | — | @@ -0,0 +1,60 @@ |
| | 2 | +<!DOCTYPE html> |
| | 3 | +<html> |
| | 4 | +<head> |
| | 5 | + <style type="text/css"> |
| | 6 | + /** This is just for coloring: */ |
| | 7 | + table { border: 1px solid #CC0; } |
| | 8 | + td { border: 1px solid #CCC; } |
| | 9 | + |
| | 10 | + table { |
| | 11 | + width: 100%; |
| | 12 | + table-layout: fixed; |
| | 13 | + } |
| | 14 | + |
| | 15 | + #first { |
| | 16 | + width: 300px; |
| | 17 | + } |
| | 18 | + </style> |
| | 19 | +</head> |
| | 20 | +<body> |
| | 21 | + |
| | 22 | +<p> |
| | 23 | +This play with table-layout:fixed; and applying the width to colgroup or col element. Firefox only recongize the width if it is applied on col element!</p> |
| | 24 | +<p> |
| | 25 | +On a perfect browser, both tables should look the same</p> |
| | 26 | + |
| | 27 | +<dl> |
| | 28 | + <dt>colgroup</dt> |
| | 29 | + <dd>300 px width is applied to the first colgroup element</dd> |
| | 30 | +</dl> |
| | 31 | +<div style="width: 400px;"> |
| | 32 | +<table> |
| | 33 | + <colgroup id="first" /></colgroup> |
| | 34 | + <colgroup id="second"/></colgroup> |
| | 35 | + <colgroup id="third" /></colgroup> |
| | 36 | + <tr> |
| | 37 | + <td>Very long?</td> |
| | 38 | + <td>#</td> |
| | 39 | + <td>$</td> |
| | 40 | + </tr> |
| | 41 | +</table> |
| | 42 | +</div> |
| | 43 | + |
| | 44 | +<dl> |
| | 45 | + <dt>col</dt> |
| | 46 | + <dd>Each colgroup has an additional col element. The first col element is applied the 300 px width</dd> |
| | 47 | +</dl> |
| | 48 | + |
| | 49 | +<div style="width: 400px;"> |
| | 50 | +<table> |
| | 51 | + <colgroup><col id="first" /></colgroup> |
| | 52 | + <colgroup><col id="second"/></colgroup> |
| | 53 | + <colgroup><col id="third" /></colgroup> |
| | 54 | + <tr> |
| | 55 | + <td>Very long?</td> |
| | 56 | + <td>#</td> |
| | 57 | + <td>$</td> |
| | 58 | + </tr> |
| | 59 | +</table> |
| | 60 | +</div> |
| | 61 | + |
| Property changes on: trunk/phase3/docs/uidesign/table-layout.html |
| ___________________________________________________________________ |
| Added: svn:eol-style |
| 1 | 62 | + native |