Colspan all columns

html, html-table, tablelayout

Solution

I have IE 7.0, Firefox 3.0 and Chrome 1.0

The colspan="0" attribute in a TD is NOT spanning across all TDs in any of the above browsers.

Maybe not recommended as proper markup practice, but if you give a higher colspan value than the total possible no. of columns in other rows, then the TD would span all the columns.

This does NOT work when the table-layout CSS property is set to fixed.

Once again, this is not the perfect solution but seems to work in the above mentioned 3 browser versions when the table-layout CSS property is automatic.

Problem

How can I specify a `td` tag should span all columns (when the exact amount of columns in the table will be variable/difficult to determine when the HTML is being rendered)? w3schools mentions you can use `colspan="0"`, but it doesn't say exactly what browsers support that value (IE 6 is in our list to support). It appears that setting `colspan` to a value greater than the theoretical amount of columns you may have will work, but it will not work if you have `table-layout` set to `fixed`. Are there any disadvantages to using an automatic layout with a large number for `colspan`? Is there a more correct way of doing this?

Original source