problema tabelle, div e firefox

[klavs]

Ciao a tutti, ho un problema con una semplice pagina che mi funziona su IE ma non su mozzilla. Io vorrei fare in modo che una tabella con due righe venga moltiplicata tante volte quante sono le immagini contenute dentro una cartella e si disponga in orizzontale per la larghezza della pagina e in verticale sino alla sua fine. La tabella Ë una formata da due righe: vi posto il codice

<?php
$rep=opendir('./foto/d200');
while ($file = readdir($rep)) {
    if($file != '..' && $file !='.' && $file !=''){ 
        echo "<div style='padding-bottom:50px; width:400px; display:inline;'>
        </table><table border=0><tr>
          <td><img src=foto/d200/$file  ></td>
        </tr>
        <tr>
          <td><span class=text_chisiamo>".$file."</span></td>
        </tr>
      </table></div>";
    }
}
closedir($rep);
clearstatcache();
?>

Grazie in anticipo per il vostro aiuto

[fcaldera]

Originariamente inviato da klavs
Ciao a tutti, ho un problema con una semplice pagina che mi funziona su IE ma non su mozzilla. Io vorrei fare in modo che una tabella con due righe venga moltiplicata tante volte quante sono le immagini contenute dentro una cartella e si disponga in orizzontale per la larghezza della pagina e in verticale sino alla sua fine. La tabella Ë una formata da due righe: vi posto il codice

<?php
$rep=opendir('./foto/d200');
while ($file = readdir($rep)) {
    if($file != '..' && $file !='.' && $file !=''){ 
        echo "<div style='padding-bottom:50px; width:400px; display:inline;'>
        </table><table border=0><tr>
          <td><img src=foto/d200/$file  ></td>
        </tr>
        <tr>
          <td><span class=text_chisiamo>".$file."</span></td>
        </tr>
      </table></div>";
    }
}
closedir($rep);
clearstatcache();
?>

Grazie in anticipo per il vostro aiuto

1) in un forum lato client va sempre e solo postato il codice ricevuto dal browser (e non il php)
2) c'è un </table> di troppo. Prova a toglierlo. Se non risolvi posta un link per vedere la pagina in questione

[klavs]

ho provato a sistemare quel <table> di troppo ma non risolvo niente.
In pratica io dovrei avere una serie di immagini con il proprio nome sotto (una thumbnail) e vorrei che fosse impaginata in modo che le righe si dispongano in automatico per tutta l'estensione della larghezza della pagina, e in basso sino alla fine delle immagini. Vi faccio un esempio (spero possa essere chiaro):

------- -------- ------- --------
| foto | | foto | | foto | | foto |
------- -------- ------- --------
nome | | nome| |nome| | nome
------- -------- -------- --------
------- -------- ------- --------
| foto | | foto | | foto | | foto |
------- -------- ------- --------
nome | | nome| |nome| | nome
------- -------- -------- --------
------- -------- ------- --------
| foto | | foto | | foto | | foto |
------- -------- ------- --------
nome | | nome| |nome| | nome
------- -------- -------- --------

[klavs]

ok, grazie a tutti, ho risolto

<div style='padding-bottom:50px; width:400px; display:inline; float:left;'>
        <table border=0><tr>
          <td><img src=foto/d200/$file  ></td>
        </tr>
        <tr>
          <td><span class=text_chisiamo>".$file."</span></td>
        </tr>
      </table></div> 

era necessario aggiungere un

float:left; 

nel div principale e poi nella classe "text_chisiamo"