Geek Answers Handbook

Problem with CSS background with table row in Google Chrome

I have a table in which I have this

</tr>
<tr class="table-top-background" >
<td class="thread-pic" ></td>
<td class="thread-top-middle"  colspan="2" >Threads</td>
<td class="thread-information">Last Post</td>
</tr>

So, I want to give a background image for my tr, so I put this

    .table-top-background

    {
        background:url('/img/design/extra-large-back.png') no-repeat;
        position:relative;
        color:White;
        height:31px;
    }

    .thread-pic
{
   width:30px;
}

.thread-information
{
    width:280px;
}

.thread-top-middle
{
    width:418px;
}

The problem is that Google Chrome works great in the entire browser. In Google Chrome, it seems that I give the background not tr, but to all td ... It repeats the same background for each td.

This is the same in IE7, but in one of the stackoverflow questions I read about solving this with position:relative, and it helped. But I did not find any solutions for Chrome. I am also trying to pass tr css

.table-top-background

{
    background:url('/img/design/extra-large-back.png') no-repeat 0% 100%;
    display:block;
    position:relative;
    color:White;
    height:31px;
    width:728px;
}

... td , td , tr. , .

display:inline-table display:block, ... ?

: Safari, webkit.

+5
2

display: table-cell <tr> , , Chrome .

0

More articles:


All Articles