[RESOLVED] table colspan not working right

**JuggaloBrotha** · May 26th, 2012, 11:53 PM

I've discovered something quite odd in IE 9 and FF 10.0.4 if you have this type of a table layout:

Code:

<table cellspacing="0" cellpadding="2" border="1">
    <tr>
        <td colspan="2">Column 1 & 2</td>
        <td>Column 3</td>
    </tr>
    <tr>
        <td>Col1</td>
        <td colspan="2">Col 2 & 3</td>
    </tr>
    <tr>
        <td>Col1</td>
        <td colspan="2">Col 2 & 3</td>
    </tr>
    <tr>
        <td>Col1</td>
        <td colspan="2">Col 2 & 3</td>
    </tr>
</table>

The result is not at all what you would expect:
Name: Table_Columns.png
Views: 1873
Size: 12.8 KB

Anyone have any idea why the last 3 rows are ignoring the colspan=2 on the 3rd cell?

**sapator** · May 27th, 2012, 01:04 AM

Ok not html-er so i never used colspan.I had to go read what it is.
Anyhow my guess is that you want the three "col1" 2nd columns cells to be "glued" to the first column ending border.Am i correct?If so here is what i thought could help.If i understood wrong let me know.

Code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
    .tbl
    {
        width:100%;
        position:relative;
    }     
    .divm
    {
      width:500px;   
    }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="divm">
   <table cellspacing="0" cellpadding="2" border="1" class="tbl">
    <tr>
        <td colspan="2">Column 1 & 2</td>
        <td style="width:70%">Column 3</td>
    </tr>
    <tr>
        <td>Col1</td>
        <td colspan="2" style="width:99%">Col 2 & 3</td>
    </tr>
    <tr>
        <td>Col1</td>
        <td colspan="2">Col 2 & 3</td>
    </tr>
    <tr>
        <td>Col1</td>
        <td colspan="2">Col 2 & 3</td>
    </tr>
</table>
    </div>
    </form>
</body>
</html>

**JuggaloBrotha** · Jun 15th, 2012, 08:41 AM

Hmmm, interesting.

It's the
<td style="width:70%">Column 3</td>
and
<td colspan="2" style="width:99%">Col 2 & 3</td>

lines that do it.

**sapator** · Jun 15th, 2012, 07:43 PM

Lol, don't even know what we were talking about here but if you resolved it then i am happy with that.

Thread: [RESOLVED] table colspan not working right

Thread Tools

Display

[RESOLVED] table colspan not working right

Re: table colspan not working right

Re: [RESOLVED] table colspan not working right

Re: [RESOLVED] table colspan not working right

Posting Permissions