probleme de tableau sous internet explorer - HTML/CSS - Programmation
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
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.
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é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é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ées, Ré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étaire :</font></span>
<font face="Arial, Helvetica, sans-serif" size="2"><br />xxxxxxxxxx<br />Té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ésorière :</font></span>
<font face="Arial, Helvetica, sans-serif" size="2"><br />xxxxxxxxxx<br />Té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é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
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 |
Sinon quelqu'un peut me dire comment j'étais censé faire?
merci
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é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é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ées, Ré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étaire :</font></span>
<font face="Arial, Helvetica, sans-serif" size="2"><br />xxxxxxxxxx<br />Té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ésorière :</font></span>
<font face="Arial, Helvetica, sans-serif" size="2"><br />xxxxxxxxxx<br />Té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é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