width (HTML attribute)
| Depr. | Version |
|---|---|
| No | HTML 4 |
| IE5.5+ | FF1+ | Saf1.3+ | Op9.2+ |
|---|---|---|---|
| Full | Full | Full | Full |
Example
Here, the
width attribute for two column groups is split on a
percentage basis—the first column group receives 60% of the available
width, while the second receives 40% of the available
width:
<table border="1">
<colgroup width="60%" span="2"/></colgroup>
<colgroup width="40%" span="2"/></colgroup>
<tr>
<th colspan="4" scope="col">Work Contact Points</th>
</tr>
<tr>
<th>Name</th>
<th>Email</th>
<th>Phone</th>
<th>Floor/Block</th>
</tr>
⋮
</table>
Description
Unless
a width is set, a td (and the
th) will take up only the width
as it requires (obviously this will depend on the amount of content in
each table cell). You can use the width attribute
in the context of the colgroup element to fix the width
to a value of your choosing, regardless of the content of the table
cell.
Value
This attribute takes a number representing the width of the column group in pixels, or a percentage.
Compatibility
| IE | 5.5 | Full |
|---|---|---|
| 6.0 | Full | |
| 7.0 | Full | |
| Firefox | 1.0 | Full |
| 1.5 | Full | |
| 2.0 | Full | |
| Safari | 1.3 | Full |
| 2.0 | Full | |
| 3.0 | Full | |
| Opera | 9.2 | Full |
| 9.5 | Full |
It causes no compatibility issues, and has excellent support across all tested browsers.
User-contributed notes
There are no comments yet.
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.
