problema di visualizzazione Firefox vs Chrome

[frykky]

Mi aiutate a capire come mai in questa pagina

http://www.ssscatenati.com/?p=101363

con firefox e IE si vedono le immagini mentre con Chrome sono microscopiche?

il codice di ogni riga della tabella è il seguente

<table style="text-align: justify;" width="100%" border="0" cellspacing="1" cellpadding="1">
<tbody>
<tr>
<td class="td_left">MUGELLIvoto 6,5: debutto stagionale per il nuovo portiere degli Scatenati, acquisito nella sessione invernale grazie ad un colpo di coda della coppia Cianferoni-Nocentini. Il solido portiere ha l’arduo compito di non far rimpiangere lo storico Manetti, migrato verso le nebbiose pianure del nord. Si presenta subito onestamente e dichiara: “ragazzi calma è un anno e mezzo che non gioco!!!”…la risposta della squadra è stata ” tranquillo quest’anno tanto si fa cacare di nostro  ”….Armato di doppia Kipstona, sfoggia subito un grande intervento in tuffo all’angolino, ma è costretto ad arrendersi sui primi due gol avversari, dove è esentato dalle colpe. Possente nelle uscite, si fa notare anche per una zingarata palla al piede fino a metà campo  . Siuramente un ottimo debutto ed una valida acquisizione. BORUC</td>
<td></td>
</tr>
.
.
.
.
</tbody>
</table>

[gcarless]

Ciao,
in un primo momento il problema sembra essere un max-width: 100% che ne causa il restringimento prendendo le misure dall'elemento contenitore.

Il tag img eredita la proprietà max-width dal foglio di stile
http://www.ssscatenati.com/wp-conten...d43965fc36.css

ecco che il tuo width: 200px; viene in qualche modo bloccato dalla direttiva che impone un max-width.

Per prova, inserire in line nel tag dell'immagine

style="max-width: auto;"

oppure

style="min-width: 200px;"

[frykky]

ma è chrome che interpreta male il codice oppure firefox che usa qualche sotterfugio?

comunque con "min-width:200px;"

guarda cosa ottengo http://www.ssscatenati.com/?p=101413

[frykky]

ok ho risolto applicando il min-width al secondo TD. grazie.

[gcarless]

Ciao,
scusa il ritardo della risposta.

Probabilmente, c'è un errore o diversa interpretazione del css in quel caso.

Sostanzialmente si può riassumere in:
La cella di sinistra occupa il 100% della riga (o quasi), di conseguenza quella di destra si riduce a uno 0% (non ho analizzato il motivo per questioni di tempo). L'immagine avendo max-width: 100% prende la dimensione massima del suo contenitore, ovvero il td che è a 0% o quasi.

In altre parole, la soluzione era:
1) Far assumere all'immagine una dimensione minima o fissa
2) Far assumere alla cella una dimensione minima o fissa affinché l'immagine fosse delle dimensioni volute.