CODEWITHSUNDEEP
htmlgoogle-chrome
The Maniac
The Maniac

Reputation: 2626

Recent Chrome update breaking td rowspan?

I have the following table:

<table>
    <tbody>
        <tr>
            <td rowspan="2">...</td>
            <td>...</td>
        </tr>
        <tr>
            <td>...</td>
        </tr>
    </tbody>
</table>

Which I expect to render like:

+---------+--------+
|         |        |
|         |        |
|         +--------+
|         |        |
|         |        |
+---------+--------+

And it does: On the previous version of Chrome, IE10, Firefox, and every other browser/version combination I've tried.

The newest version of Chrome (26.0.1410.43 m) renders the table like this:

+---------+--------+
|         |        |
|         |        |
|         |        |
|         |        |
|         |        |
+---------+--------+
          |        |
          |        |
          |        |
          +--------+

Is my markup flawed and only the new Chrome detects this? Or is this a bug in Chrome or Webkit? I've searched for bugs on the Chromium bugtracker but haven't found anything that addresses this issue.

Upvotes: 0

Views: 2139

Answers (1)

The Maniac
The Maniac

Reputation: 2626

After making a fiddle I found that it does work by itself. Adding vertical-align: baseline; to the table elements in my reset CSS caused the behavior above. I'm still wondering if its a bug since it works in every other browser including older versions of Chrome.

Short answer: Check your stylesheet(s) for vertical-align: baseline; being applied to table elements.

Upvotes: 4

Related Questions