1. Home
2. Developer Center
3. Dreamweaver Developer Center
4. CSS Advisor

CSS Advisor

COL and COLGROUP captured by Caption

Problem

If a CAPTION tag is placed directly after the opening TABLE tag - as required by the HTML specifications, COL and COLGROUP are no longer accessible as CSS selectors.

Solution

Move the CAPTION tag after the COL and COLGROUP tags, although this will also cause the page to fail validation.

Detailed description

HTML specs specify that CAPTION elements must follow immediately after a table's opening tag. However, in Safari 2.0.3 and earlier, Safari gets confused by the CAPTION tag and does not apply styles to COL or COLGROUP selectors. The workaround is simply to place the table CAPTION tag below COL and COLGROUP tags- which fixes the rendering issue but will render the page unable to be validated.

This issue originally documented by Leif H. Silli (Read original article).

Text ID: COL_AND_COLGROUP_CAPTURED_BY_CAPTION

---