[background-image]problema con firefox

[tziggie]

Ok, ho ancora dei problemi.

Questa volta però non si tratta di IE. Innanzitutto ho notato che Safari che mi dava lo stesso problema di IE che ho descritto nel mio precedente post. Ho risolto il problema modificando il div.ovflow così anche per Firefox (lo dico per la cronaca)


height: 469px;
width: 99%;//la percentuale è sulla base della larghezza della larghezza della tabella
overflow: auto;
padding: 0px;
position:absolute;
margin-left:0;



Poi il nuovo problema: c'è Firefox che non legge un immagine di sfondo, a differenza di safari e opera.

Posto la parte di css relativa

table#home td{
border: solid 1px #ff6611;
vertical-align: top;
background-color: #fff;
background-image: url(sfondo.jpg);
padding-left: 25%;
padding-right: 25%;
text-align: left;
line-height: 2.3;
}


Qualcuno può aiutarmi?

[jackalt]

prova a dargli un valore di height corrispondente all'altezza dell'img di sfondo... dovresti risolvere

[tziggie]

Vuoi dire al td? Devo assegnare al td un valore height?

[tziggie]

Ho fatto un po' tutte e due le cose. Ho dato un'altezza al td, ho ridimensionato l'immagine, ho provato anche a mettere lo sfondo nel tag table anziché nel tag td...

Niente. Safari e Opera vanno. Firefox e IE (perché ho provato anche su IE adesso) non vanno.

Suggerimenti?

[tziggie]

Ho risolto specificando gli attributi del td in linea anziché affidarmi al foglio di stile.

<td style="background: #fff url(sfondo_home_3.jpg) repeat-x center center">

In questo modo lo stile viene interpretato correttamente da tutti i browser su cui sto testando.

Ciao a tutti.