Tableaux sous firefoxs et ie

[wedgis]

Bonjour à tous,

Je voulais savoir pourquoi lorsque je fait des tableaux pour mes images, ils ne s'affichent pas de la même manière sous firefox que sous ie.

Voici le tableau sous ie :



Et voici le même sous firefox



Voici le code (une partie) de ma page

Code: Tout sélectionner

$premiereVideoAafficher = ($page - 1) * $nombreDeVideoParPage;

$col1 = mysql_query('SELECT * FROM video_' . $id_doss . ' ORDER BY id_vid LIMIT ' . $premiereVideoAafficher . ', ' . $nombreDeVideoParPage);


while ($donnees_col1 = mysql_fetch_array($col1))
{
$id_vid_envoie=$donnees_col1['id_vid'];

?>
<script language="JavaScript">

function open_win<?php echo $id_vid_envoie ?>()
{
window.open("video.php?id_vid=<?php echo $id_vid_envoie ?>&id_doss=<?php echo $id_doss ?>","_blank","toolbar=no,valign=top, align=left, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=800, height=575,")
}
</script>

<p>&nbsp</p>
  <div align="center">
     <style type="text/css">td img {display: block;}</style>
<table border="0" cellpadding="0" cellspacing="0" width="450">

  <tr>
   <td><img src="img_index_vid/spacer.gif" width="21" height="1" border="0" alt="" /></td>
   <td><img src="img_index_vid/spacer.gif" width="200" height="1" border="0" alt="" /></td>
   <td><img src="img_index_vid/spacer.gif" width="27" height="1" border="0" alt="" /></td>
   <td><img src="img_index_vid/spacer.gif" width="31" height="1" border="0" alt="" /></td>
   <td><img src="img_index_vid/spacer.gif" width="62" height="1" border="0" alt="" /></td>
   <td><img src="img_index_vid/spacer.gif" width="68" height="1" border="0" alt="" /></td>
   <td><img src="img_index_vid/spacer.gif" width="12" height="1" border="0" alt="" /></td>
   <td><img src="img_index_vid/spacer.gif" width="6" height="1" border="0" alt="" /></td>
   <td><img src="img_index_vid/spacer.gif" width="23" height="1" border="0" alt="" /></td>
   <td><img src="img_index_vid/spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>

  <tr>
   <td colspan="9"><img name="index_video_r1_c1" src="img_index_vid/index_video_r1_c1.jpg" width="450" height="20" border="0" id="index_video_r1_c1" alt="" /></td>
   <td><img src="img_index_vid/spacer.gif" width="1" height="20" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="10"><img name="index_video_r2_c1" src="img_index_vid/index_video_r2_c1.jpg" width="21" height="206" border="0" id="index_video_r2_c1" alt="" /></td>
   <td rowspan="8">
   <a onclick="open_win<?php echo $id_vid_envoie ?>()">
  <img name="Video" src="videos/<? echo $galerie ?>/<?php echo $donnees_col1['src']; ?>.JPG" width="200" height="185" border="0" id="index_video_r2_c2" alt="<?php echo $donnees_col1['description']; ?>" /></a>
   
   </td>
   <td colspan="7"><img name="index_video_r2_c3" src="img_index_vid/index_video_r2_c3.jpg" width="229" height="16" border="0" id="index_video_r2_c3" alt="" /></td>
   <td><img src="img_index_vid/spacer.gif" width="1" height="16" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="9"><img name="index_video_r3_c3" src="img_index_vid/index_video_r3_c3.jpg" width="27" height="190" border="0" id="index_video_r3_c3" alt="" /></td>
   <td colspan="5" background="img_index_vid/index_video_r3_c4.jpg" width="179" height="77">
   <font color="#FFFFFF">
<p align="center"><?php echo $donnees_col1['description']; ?></p>
   </font>
   </td>
   <td rowspan="9"><img name="index_video_r3_c9" src="img_index_vid/index_video_r3_c9.jpg" width="23" height="190" border="0" id="index_video_r3_c9" alt="" /></td>
   <td><img src="img_index_vid/spacer.gif" width="1" height="77" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="5"><img name="index_video_r4_c4" src="img_index_vid/index_video_r4_c4.jpg" width="179" height="3" border="0" id="index_video_r4_c4" alt="" /></td>
   <td><img src="img_index_vid/spacer.gif" width="1" height="3" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="4" colspan="2"><img name="index_video_r5_c4" src="img_index_vid/index_video_r5_c4.jpg" width="93" height="71" border="0" id="index_video_r5_c4" alt="" /></td>
   <td colspan="2" background="img_index_vid/index_video_r5_c6.jpg" width="80" height="25">
   <font color="#FFFFFF">
<p><?php echo $donnees_col1['taille']; ?>Ko</p>
   </font>
   </td>
   <td rowspan="7"><img name="index_video_r5_c8" src="img_index_vid/index_video_r5_c8.jpg" width="6" height="110" border="0" id="index_video_r5_c8" alt="" /></td>
   <td><img src="img_index_vid/spacer.gif" width="1" height="25" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="2"><img name="index_video_r6_c6" src="img_index_vid/index_video_r6_c6.jpg" width="80" height="5" border="0" id="index_video_r6_c6" alt="" /></td>
   <td><img src="img_index_vid/spacer.gif" width="1" height="5" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="2" background="img_index_vid/index_video_r7_c6.jpg" width="80" height="25">
   <font color="#FFFFFF">
   <p><?php echo $donnees_col1['qualite']; ?>/5</p>
   </font>
   </td>
   <td><img src="img_index_vid/spacer.gif" width="1" height="25" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="2"><img name="index_video_r8_c6" src="img_index_vid/index_video_r8_c6.jpg" width="80" height="16" border="0" id="index_video_r8_c6" alt="" /></td>
   <td><img src="img_index_vid/spacer.gif" width="1" height="16" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="3"><img name="index_video_r9_c4" src="img_index_vid/index_video_r9_c4.jpg" width="31" height="39" border="0" id="index_video_r9_c4" alt="" /></td>
   <td rowspan="2" colspan="2" >
   
   <a onmouseover="document['voir_video<?php echo $id_vid_envoie ?>'].imgRolln=document['voir_video<?php echo $id_vid_envoie ?>'].src;document['voir_video<?php echo $id_vid_envoie ?>'].src=document['voir_video<?php echo $id_vid_envoie ?>'].lowsrc;" onmouseout="document['voir_video<?php echo $id_vid_envoie ?>'].src=document['voir_video<?php echo $id_vid_envoie ?>'].imgRolln" name="voir_video" onclick="open_win<?php echo $id_vid_envoie ?>()">
   <img dynamicanimation="voir_video<?php echo $id_vid_envoie ?>"  name="voir_video<?php echo $id_vid_envoie ?>" src="img_index_vid/voir_video_avt.jpg" width="130" height="22" border="0" lowsrc="img_index_vid/voir_video_apre.jpg" alt="Voir la vidéo n°<?php echo $id_vid_envoie ?>" /></a>
 
   </td>
   <td rowspan="3"><img name="index_video_r9_c7" src="img_index_vid/index_video_r9_c7.jpg" width="12" height="39" border="0" id="index_video_r9_c7" alt="" /></td>
   <td><img src="img_index_vid/spacer.gif" width="1" height="18" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="2"><img name="index_video_r10_c2" src="img_index_vid/index_video_r10_c2.jpg" width="200" height="21" border="0" id="index_video_r10_c2" alt="" /></td>
   <td><img src="img_index_vid/spacer.gif" width="1" height="4" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="2"><img name="index_video_r11_c5" src="img_index_vid/index_video_r11_c5.jpg" width="130" height="17" border="0" id="index_video_r11_c5" alt="" /></td>
   <td><img src="img_index_vid/spacer.gif" width="1" height="17" border="0" alt="" /></td>
  </tr>
</table>
</div>
<p></p>

     <?

}

mysql_close();
?>


Merci pour vos réponses

[wedgis]

Petite précision, j'utilise Macromédia Fireworks pour faire mes tableaux (il découpe les images et génère les tableaux automatiquement) ensuite je les modifis à ma guise pour y ajouter du php ou des vidéos.

[colonies]

au lieu de faire un tableau compliqué avec plein d'images, tu aurais intérêt à faire un div avec une image de fond pour ton bloc gris (en y intégrant directement les libellés en police spéciale, éventuellement) et positionner le contenu dedans.
Les visiteurs auront un chargement plus rapide, ton serveur sera moins sollicité, ton code sera bien plus lisible... il n'y a que des avantages.

[luxe-campagne]

j'ai l'impression qu'il y a beaucoup de colspan ou rowspan dans ce code, ce qui veut dire que le générateur html fusionne des lignes ou des colonnes et peut-être que FF a du mal à s'y retrouver...

C'est sûr que c'est une façon obsolète de faire des pages les table, et qu'il vaudrait mieux utiliser des css ou trouver un autre générateur qui fera des tableaux un peu plus proprement.

[Leonick]

en plus, les spacers dans le tableau, c'est source de problèmes