1.800.323.3639 | Support | Training

Avtex

Bug fix: putting a background image on a table row

| No Comments

I came across this bug today, and the solution was difficult enough to find that I thought I’d share.

The problem

If you put a background image on a table row, it works fine in Firefox and modern versions of IE. But in Chrome, the image ends up being applied to each child <td> of that row.

The solution

Add the following CSS to your tr:

tr {
    float:left;
    width:100%;
}

The float fixes the bug, and the width setting makes sure the <tr> stretches the full width of the table.

Let’s Talk About CX

X