Preciso che l'errore si presenta solo utilizzando Chrome o con la "visualizzazione compatibilità" di IE8.
Questo è il codice css:
Mentre per la parte HTML:codice:tbody.blue_mid_bg { background:url(../img/blue_mid.jpg); background-repeat:repeat-y; background-position:left; } tfoot.blue_bot_bg { background:url(../img/blue_bot.jpg); background-repeat:no-repeat; background-position:left; }
Quello che ottengo su Chrome è che nel tbody l'immagine di sfondo si ripete in entrambi i td invece di essere unica per tutta la larghezza della tabella. Ottengo lo stesso risultato se lo sfondo lo associo ad ogni tr invece che al tbody.codice:<table align="center" width="778" cellpadding="0" cellspacing="0" border="0"> <thead> <tr><td colspan="2" align="center" background="img/blue_reg_top.jpg"></td></tr> </thead> <tbody class="blue_mid_bg"> <tr> <td align="left" >asd</td> <td align="left"><input name="asd" type="text" /></td> </tr> <tr> <td align="left" >asd2</td> <td align="left"><input name="asd2" type="text" /></td> </tr> <tr> <td align="left" >asd3</td> <td align="left"><input name="asd3" type="text" /></td> </tr> </tbody> <tfoot class="blue_bot_bg"> <tr><td colspan="2" align="center" height="28"></td></tr> </tfoot> </table>
Se qualcuno ha idea sul come ovviare a questo problema gliene sarò grato. Escludendo ovviamente la possibilità di dividere in due lo sfondo ed associarlo ai singoli td.
Grazie Mille!!!

Rispondi quotando