Found this very interesting in HTML.

When you create a table with colspans, in some situations the colspan gets ignored.

Check this out:

<table border="1">

    <tr>

        <td colspan="2">111111111111</td>

        <td>2</td>

    </tr>

    <tr>

        <td>1</td>

        <td colspan="2">222222222222</td>

    </tr>

</table>

will produce this html:

While this:

<table border="1">

    <tr><td></td><td></td><td></td></tr>

    <tr>

        <td colspan="2">111111111111</td>

        <td>2</td>

    </tr>

    <tr>

        <td>1</td>

        <td colspan="2">222222222222</td>

    </tr>

</table>

will produce this html:

You see, when i do not add the empty row with 3 blank TD, the colspan settings are ignored.

Anyone has a good explanation for this? I’m puzzled.

Play with it yourself:

http://jsfiddle.net/RDL3s/4/

http://jsfiddle.net/RDL3s/5/

I found this issue while working on multi column settings for KWizCom Forms, I couldn’t figure out why the form ignores my colspan only on some cases…

( sneak peak, beta will be available tomorrow – ping me if you want to see it first)

Cheers