Tabellenbug in Chrome

[in-flames]

Hi @ll,

habe ein problem mit einer tabelle bzw. einem background-image in einem tr.
der chrome zeigt mir das background-image nicht durchgängig an. sondern wiederholt dieses bild in jedem td. woran kann das liegen?

<style>
.spieltagtabelle_head{
height:20px;
background:url(/bilder/tr-header.png) no-repeat;
}
</style>

<table border="0" style="width:600px;margin:0 0 0 20px;">
<tr class="spieltagtabelle_head">
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td class="ergebnistabelle_headtxt">Teamname</td>
<td class="ergebnistabelle_headtxt" style="text-align:center;">Spiele</td>
<td class="ergebnistabelle_headtxt" style="text-align:center;">S/U/N</td>
<td class="ergebnistabelle_headtxt" style="text-align:center;">Tore</td>
<td class="ergebnistabelle_headtxt" style="text-align:center;">Tordif.</td>
<td class="ergebnistabelle_headtxt" style="text-align:center;">Pkt.</td>
</tr>
</table>

Danke schonmal für eure Hilfe.

[in-flames]

hab schon eine lösung gefunden

[Azra]

Wäre nett wenn du die Lösung für die anderen Benutzer ebenfalls hier Posten würdest.
Danke

[in-flames]

<table border="0" style="width:600px;margin:0 0 0 20px;" class="spieltagtabelle_head">
<tr style="height:20px;">
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td class="ergebnistabelle_headtxt">Teamname</td>
<td class="ergebnistabelle_headtxt" style="text-align:center;">Spiele</td>
<td class="ergebnistabelle_headtxt" style="text-align:center;">S/U/N</td>
<td class="ergebnistabelle_headtxt" style="text-align:center;">Tore</td>
<td class="ergebnistabelle_headtxt" style="text-align:center;">Tordif.</td>
<td class="ergebnistabelle_headtxt" style="text-align:center;">Pkt.</td>
</tr>
</table>

[Azra]

Nunja, ist im Grunde auch keine korrekte Syntax.
Die richtige Lösung sähe wohl eher so aus?

CSS

Code: Alles auswählen

<style type="text/css">
   table{width:600px;margin-left:20px;}
   th{text-align:center;}
   thead{height:50px;background:url(http://www.sinorgy.com/eqdkp/data/642831bc97c6229db7aef1e4d77c4414/eqdkp/news/omg.jpg);}
</style>


HTML

Code: Alles auswählen

   <table cellspacing="0" cellpadding="0">
         <thead>
            <tr>
               <th class="ergebnistabelle_headtxt">Teamname</th>
               <th class="ergebnistabelle_headtxt">Spiele</th>
               <th class="ergebnistabelle_headtxt">S/U/N</th>
               <th class="ergebnistabelle_headtxt">Tore</th>
               <th class="ergebnistabelle_headtxt">Tordif.</th>
               <th class="ergebnistabelle_headtxt">Pkt.</th>
            </tr>
         </thead>
         <tbody>
            <tr>
               <td>Wert 1</td>
               <td>Wert 2</td>
               <td>Wert 3</td>
               <td>Wert 4</td>
               <td>Wert 5</td>
               <td>Wert 6</td>
            </tr>
            <tr>
               <td>Wert 1</td>
               <td>Wert 2</td>
               <td>Wert 3</td>
               <td>Wert 4</td>
               <td>Wert 5</td>
               <td>Wert 6</td>
            </tr>
            <tr>
               <td>Wert 1</td>
               <td>Wert 2</td>
               <td>Wert 3</td>
               <td>Wert 4</td>
               <td>Wert 5</td>
               <td>Wert 6</td>
            </tr>
         </tbody>
   </table>