| Depr. | Version |
|---|---|
| No | HTML 4 |
| IE5.5+ | FF1+ | SA1.3+ | OP9.2+ | CH2+ |
|---|---|---|---|---|
| Partial | Partial | Partial | Partial | Partial |
Syntax
Description
In a very similar manner to
this element’s align attribute, the
valign allows you to override the default alignment
for content inside the header cells using a handful of attributes. This
may not always be necessary, but in the example HTML above, the table is
forced into a narrow width, and more content is present in the header cell
in column one than column two, which can cause some unsightly effects. The
valign may be used to address this issue, as Figure 1 shows. There, all the content is
aligned to the bottom of the header cells.
Example
The valign is
set to "bottom" for the first row of this narrow
table:
<table summary="Interest Rates" width="200" border="1">
<caption>Interest Rates</caption>
<thead>
<tr valign="bottom">
<th>Account Type (Name titles as per Spring 2006 range)</th>
<th>Interest Rate</th>
</tr>
</thead>
<tbody>
<tr>
<td>Smart</td>
<td>From 2%</td>
</tr>
<tr>
<td>Young Saver</td>
<td>From 1.6%</td>
</tr>
</tbody>
</table>
Value
The recognized attribute values are as shown in the syntax section.
Compatibility
| Internet Explorer | Firefox | Safari | Opera | Chrome | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 5.5 | 6.0 | 7.0 | 8.0 | 1.0 | 1.5 | 2.0 | 1.3 | 2.0 | 3.1 | 4.0 | 9.2 | 9.5 | 10.0 | 2.0 |
| Partial | Partial | Partial | Partial | Partial | Partial | Partial | Partial | Partial | Partial | Partial | Partial | Partial | Partial | Partial |
In the browsers
tested, "bottom", "middle", and
"top", alignments are honored, but the
"baseline" value is ignored by
all.
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.
