probleme de tableau sous internet explorer

probleme de tableau sous internet explorer - HTML/CSS - Programmation

Marsh Posté le 27-08-2008 à 11:09:57    

bonjour,
 
je fais un site de présentation pour un club de rugby, sous dreamweaver, mais j'ai un problème avec un tableau qui s'affiche bien sous firefox mais pas sous ie.
voici en nombre de cellule l'organistation de mon tableau:
 ---------------------
|              6             |
----------------------
|   2    |   2    |   2    |
----------------------
|      3       |     3      |
----------------------
|      3       |     3      |
----------------------
 
Mon problème est que les lignes avec les cases de 2 et 3 cellules ne sont pas centrées, elles sont collées a gauche.
 
voici mon code:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"><head><title>Bureau</title>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
.Style1 {
 color: #001100;
 font-weight: bold;
}
.Style3 {
 font-size: small;
 font-weight: bold;
}
.Style5 {font-size: small; color: #001100;}
.Style6 {color: #001100}
-->
</style>
</head>
<body leftmargin="0" topmargin="0" style="color: rgb(200, 200, 200); background-color: rgb(0, 20, 0);" marginheight="0" marginwidth="0">
 
<table align="left" bgcolor="#ffffff" border="0" width="703">
<tbody>
<tr>
  <td style="width: 698px; height:19" colspan="6" rowspan="1" bgcolor="#001100">
  <div align="center" class="Style3"><font color="#ffffff" face="Arial, Helvetica, sans-serif">Le Bureau Directeur</font></div>
  </td>
</tr>
 
<tr>
  <td style="width: 698px; height:21" colspan="6" rowspan="1" bgcolor="#ffffff"></td>
</tr>
 
<tr>
  <td style="width: 698px; height:auto" colspan="6" rowspan="1">
    <div align="center">
      <p>
     <span class="Style1"><font size="2" face="Arial, Helvetica, sans-serif">Pr&eacute;sident :</font><br /></span>
        <font face="Arial, Helvetica, sans-serif" size="2">xxxxxxxxxx<br />Mobile : 06.</font>
      </p>
    </div>
  </td>
</tr>
 
<tr>
  <td style="width: 232px; height:auto" colspan="2" rowspan="1" bgcolor="#ffffff">
    <div align="center">
      <p>
     <span class="Style1"><font face="Arial, Helvetica, sans-serif" size="2"><br /><br /></font></span>
  <span class="Style5"><font face="Arial, Helvetica, sans-serif" size="2">Logistique Joueurs  :</font></span>
  <font face="Arial, Helvetica, sans-serif" size="2"><br />xxxxxxxxxx<br />Mobile : 06.</font>
      </p>
    </div>
  </td>
  <td style="width: 232px; height:auto" colspan="2" rowspan="1" bgcolor="#ffffff">
    <div align="center">
   <p>
     <span class="Style1"><font face="Arial, Helvetica, sans-serif" size="2">Vices-Pr&eacute;sident :<br /><br /></font></span>
        <span class="Style5"><font face="Arial, Helvetica, sans-serif">Partenariats  :</font></span>
  <font face="Arial, Helvetica, sans-serif" size="2"><br />xxxxxxxxxx<br />Mobile : 06.</font>
   </p>
 </div>
  </td>
  <td style="width: 232px; height:auto" colspan="2" rowspan="1" bgcolor="#ffffff">
    <div align="center">
   <p>
     <span class="Style1"><font face="Arial, Helvetica, sans-serif" size="2"><br /><br /></font></span>
  <span class="Style5"><font face="Arial, Helvetica, sans-serif" size="2">Festivit&eacute;es, R&eacute;ceptions :</font></span>
  <font face="Arial, Helvetica, sans-serif" size="2"><br />xxxxxxxxxx<br />Mobile : 06.</font>
   </p>
 </div>
  </td>
</tr>
 
 
<tr>
  <td style="width: 698px; height:21" colspan="6" rowspan="1" bgcolor="#ffffff"></td>
</tr>
 
 
 
<tr>
  <td style="width: 348px; height:auto" colspan="3" rowspan="1" bgcolor="#ffffff">
    <div align="center">
   <p>
     <span class="Style1"><font face="Arial, Helvetica, sans-serif" size="2">Secr&eacute;taire :</font></span>
  <font face="Arial, Helvetica, sans-serif" size="2"><br />xxxxxxxxxx<br />T&eacute;l : 03.</font>
   </p>
 </div>
  </td>
  <td style="width: 348px; height:auto" colspan="3">
    <div align="center">
   <p>
     <span class="Style1"><font face="Arial, Helvetica, sans-serif" size="2">Tr&eacute;sori&egrave;re :</font></span>
  <font face="Arial, Helvetica, sans-serif" size="2"><br />xxxxxxxxxx<br />T&eacute;l : 06.</font>
   </p>
 </div>
  </td>
</tr>
 
 
<tr>
  <td style="width: 698px; height:21" colspan="6" rowspan="1" bgcolor="#ffffff"></td>
</tr>
 
 
<tr>
  <td style="width: 348px; height:auto" colspan="3" rowspan="1" bgcolor="#ffffff">
    <p>
      <div align="center">
     <span class="Style1"><font size="2" face="Arial, Helvetica, sans-serif">Secr&eacute;taire Adjoint:</font></span>
     <font face="Arial, Helvetica, sans-serif" size="2"><br />xxxxxxxxxx<br/>Mobile : 06.</font>
   </div>
 </p>
  </td>
   
  <td style="width: 348px; height:auto" colspan="3" rowspan="1" bgcolor="#ffffff">
    <div align="center">
      <p>
        <span class="Style1"><font face="Arial, Helvetica, sans-serif" size="2">Responsable Ecole de Rugby :</font></span>
     <font face="Arial, Helvetica, sans-serif" size="2"><br />xxxxxxxxxx<br />Mobile : 06.</font>
   </p>  
    </div>
  </td>
</tr>
 
 
<tr>
  <td style="width: 698px; height:21" colspan="6" rowspan="1" bgcolor="#ffffff"></td>
</tr>
 
 
</tbody>
</table>
<br />
</body></html>
 
 
 
 
merci de votre aide

Reply

Marsh Posté le 27-08-2008 à 11:09:57   

Reply

Marsh Posté le 27-08-2008 à 11:13:23    

C'est pas bien d'utiliser les tablôx pour la mise en page comme ça [:sadnoir]

Message cité 1 fois
Message édité par FlorentG le 27-08-2008 à 11:13:30
Reply

Marsh Posté le 27-08-2008 à 11:21:03    

bah je sais faire que ça...

Reply

Marsh Posté le 27-08-2008 à 11:26:56    


bonjour,
ça me semble normal....
tu donnes plusieurs largeurs pour la même colonne....
tout le monde s'y perd
( FF ça semble baigner mais c'est par hasard ! )
 
supprime tes width=##px dans les td
et définies tes tailles une fois pour toutes  :
 
<table align="left" bgcolor="#ffffff" border="0" width="703">
<colgroup>
 <col width=232>
 <col width=698>
        ....
</colgroup>
<tbody>
<tr>
  <td style="height:19" colspan="6" rowspan="1" bgcolor="#001100">
...
 
Cordialement.


---------------
[mon site] [m'écrire]
Reply

Marsh Posté le 27-08-2008 à 11:30:48    

merci, j'essai ca tout de suite.
 
 
voici ce que j'ai fais mais c'est pas encore ca: dans ie, maintenant les colonnes sont decentré a gauche, et dans firefox , un decalage en hauteur est apparu entre les deux cellules sur la derniere ligne.
 
voici mon code:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"><head><title>Bureau</title>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
.Style1 {
 color: #001100;
 font-weight: bold;
}
.Style3 {
 font-size: small;
 font-weight: bold;
}
.Style5 {font-size: small; color: #001100;}
.Style6 {color: #001100}
-->
</style>
</head>
<body leftmargin="0" topmargin="0" style="color: rgb(200, 200, 200); background-color: rgb(0, 20, 0);" marginheight="0" marginwidth="0">
 
<table align="left" bgcolor="#ffffff" border="0" width="703">
<colgroup>
 <col width=117>
 <col width=117>
 <col width=117>
 <col width=117>
 <col width=117>
 <col width=117>
</colgroup>
<tbody>
<tr>
  <td style="height:21" colspan="6" rowspan="1" bgcolor="#001100">
  <div align="center" class="Style3"><font color="#ffffff" face="Arial, Helvetica, sans-serif">Le Bureau Directeur</font></div>
  </td>
</tr>
 
<tr>
  <td style="height:21" colspan="6" rowspan="1" bgcolor="#ffffff"></td>
</tr>
 
<tr>
  <td style="height:auto" colspan="6" rowspan="1">
    <div align="center">
      <p>
     <span class="Style1"><font size="2" face="Arial, Helvetica, sans-serif">Pr&eacute;sident :</font><br /></span>
        <font face="Arial, Helvetica, sans-serif" size="2">xxxxxxxxxx<br />Mobile : 06.</font>
      </p>
    </div>
  </td>
</tr>
 
<tr>
  <td style="height:auto" colspan="2" rowspan="1" bgcolor="#ffffff">
    <div align="center">
      <p>
     <span class="Style1"><font face="Arial, Helvetica, sans-serif" size="2"><br /><br /></font></span>
  <span class="Style5"><font face="Arial, Helvetica, sans-serif" size="2">Logistique Joueurs  :</font></span>
  <font face="Arial, Helvetica, sans-serif" size="2"><br />xxxxxxxxxx<br />Mobile : 06.</font>
      </p>
    </div>
  </td>
  <td style="height:auto" colspan="2" rowspan="1" bgcolor="#ffffff">
    <div align="center">
   <p>
     <span class="Style1"><font face="Arial, Helvetica, sans-serif" size="2">Vices-Pr&eacute;sident :<br /><br /></font></span>
        <span class="Style5"><font face="Arial, Helvetica, sans-serif">Partenariats  :</font></span>
  <font face="Arial, Helvetica, sans-serif" size="2"><br />xxxxxxxxxx<br />Mobile : 06.</font>
   </p>
 </div>
  </td>
  <td style="height:auto" colspan="2" rowspan="1" bgcolor="#ffffff">
    <div align="center">
   <p>
     <span class="Style1"><font face="Arial, Helvetica, sans-serif" size="2"><br /><br /></font></span>
  <span class="Style5"><font face="Arial, Helvetica, sans-serif" size="2">Festivit&eacute;es, R&eacute;ceptions :</font></span>
  <font face="Arial, Helvetica, sans-serif" size="2"><br />xxxxxxxxxx<br />Mobile : 06.</font>
   </p>
 </div>
  </td>
</tr>
 
 
<tr>
  <td style="height:21" colspan="6" rowspan="1" bgcolor="#ffffff"></td>
</tr>
 
 
 
<tr>
  <td style="height:auto" colspan="3" rowspan="1" bgcolor="#ffffff">
    <div align="center">
   <p>
     <span class="Style1"><font face="Arial, Helvetica, sans-serif" size="2">Secr&eacute;taire :</font></span>
  <font face="Arial, Helvetica, sans-serif" size="2"><br />xxxxxxxxxx<br />T&eacute;l : 03.</font>
   </p>
 </div>
  </td>
  <td style="height:auto" colspan="3" rowspan="1" bgcolor="#ffffff">
    <div align="center">
   <p>
     <span class="Style1"><font face="Arial, Helvetica, sans-serif" size="2">Tr&eacute;sori&egrave;re :</font></span>
  <font face="Arial, Helvetica, sans-serif" size="2"><br />xxxxxxxxxx<br />T&eacute;l : 06.</font>
   </p>
 </div>
  </td>
</tr>
 
 
<tr>
  <td style="height:21" colspan="6" rowspan="1" bgcolor="#ffffff"></td>
</tr>
 
 
<tr>
  <td style="height:auto" colspan="3" rowspan="1" bgcolor="#ffffff">
    <p>
      <div align="center">
     <span class="Style1"><font size="2" face="Arial, Helvetica, sans-serif">Secr&eacute;taire Adjoint:</font></span>
     <font face="Arial, Helvetica, sans-serif" size="2"><br />xxxxxxxxxx<br/>Mobile : 06.</font>
   </div>
 </p>
  </td>
   
  <td style="height:auto" colspan="3" rowspan="1" bgcolor="#ffffff">
    <div align="center">
      <p>
        <span class="Style1"><font face="Arial, Helvetica, sans-serif" size="2">Responsable Ecole de Rugby :</font></span>
     <font face="Arial, Helvetica, sans-serif" size="2"><br />xxxxxxxxxx<br />Mobile : 06.</font>
   </p>  
    </div>
  </td>
</tr>
 
 
<tr>
  <td style="height:21" colspan="6" rowspan="1" bgcolor="#ffffff"></td>
</tr>
 
 
</tbody>
</table>
<br />
</body></html>
 
 
merci d'avance


Message édité par xaello le 27-08-2008 à 12:14:02
Reply

Marsh Posté le 28-08-2008 à 08:51:13    

bonjour,
personne ne voit ce qu'il cloche et peut m'aider ?
 

FlorentG a écrit :

C'est pas bien d'utiliser les tablôx pour la mise en page comme ça [:sadnoir]


 
Sinon quelqu'un peut me dire comment j'étais censé faire?
 
merci

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed