Problème de tableau avec IE

**ninikkhuet** · 11/10/2006, 17h25

Bonjour,

J'ai fait un tableau avec des tailles de colonne fixes, mais IE ne respecte pas les tailles que je donne. Voici le résultat sous Mozilla : http://www.kwalai.com/page-Mozilla.jpg et le résultat sous IE : http://www.kwalai.com/page-IE.jpg (j'ai mis des bordures exprès pour qu'on voit la différence). Je n'ai aucune idée du pourquoi de ce décalage entre les cellules avec IE..

Voici mon code pour le tableau :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>#NOM_SITE_SPIP - Actualit&eacute;s</title>
 
</head>
 
<body background="Images/fond/monde.jpg">
<div id="corps">
<table width="625" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="20"><img src="Images/hautpourpregauche.jpg" alt="coin gauche" width="20" /></td>
<td colspan="5" background="Images/pourpre2_.jpg"><div align="center" class="titre_blanc">Wala&iuml; ! Politique </div></td>
<td width="20"><img src="Images/hautpourpredroit.jpg" alt="coin droit" width="20" /></td>
</tr>
<tr>
<td colspan="7" class="texte" style="border:1px solid #710D29">
<BOUCLE_rub_politique(RUBRIQUES){titre=Politique}>
<BOUCLE_art_politique(ARTICLES){id_rubrique}{par date}{inverse}{0,2}>
<a href="actu_special.php3?id_rub=#ID_RUBRIQUE&amp;id_article=#ID_ARTICLE" class="lien_spip">#TITRE</a>
<p class="texte">#CHAPO</p>
</BOUCLE_art_politique>
</BOUCLE_rub_politique>
</td>
</tr>
<tr>
<td colspan="7">&nbsp;</td>
</tr>
<tr>
<td><img src="Images/hautpourpregauche.jpg" alt="coin gauche" width="20" /></td>
<td width="262" background="Images/pourpre2_.jpg"><div align="center" class="titre_blanc">Wala&iuml; ! Culture </div></td>
<td width="20"><img src="Images/hautpourpredroit.jpg" alt="coin droit" width="20" /></td>
<td width="16" rowspan="2">&nbsp;</td>
<td width="20"><img src="Images/hautpourpregauche.jpg" alt="coin gauche" width="20" /></td>
<td width="267" background="Images/pourpre2_.jpg"><div align="center" class="titre_blanc">Wala&iuml; ! Sport </div></td>
<td><img src="Images/hautpourpredroit.jpg" alt="coin droit" width="20" /></td>
</tr>
<tr>
<td colspan="3" class="texte" style="border:1px solid #710D29">
<BOUCLE_rub_culture(RUBRIQUES){titre=Culture}>
<BOUCLE_art_culture(ARTICLES){id_rubrique}{par date}{inverse}{0,2}>
<a href="actu_special.php3?id_rub=#ID_RUBRIQUE&amp;id_article=#ID_ARTICLE" class="lien_spip">#TITRE</a>
<p class="texte">#CHAPO</p>
</BOUCLE_art_culture>
</BOUCLE_rub_culture>
</td>
<td colspan="3" class="texte" style="border:1px solid #710D29">
<BOUCLE_rub_sport(RUBRIQUES){titre=Sport}>
<BOUCLE_art_sport(ARTICLES){id_rubrique}{par date}{inverse}{0,2}>
<a href="actu_special.php3?id_rub=#ID_RUBRIQUE&amp;id_article=#ID_ARTICLE" class="lien_spip">#TITRE</a>
<p class="texte">#CHAPO</p>
</BOUCLE_art_sport>
</BOUCLE_rub_sport>
</td>
</tr>
[etc...]
</table>
</div>
 
</body>
</html>

Est-ce que quelqu'un aurait une idée ? Pitié ne me dites pas qu'il faut faire ça en CSS, parce que je ne sais pas du tout comment on fait, alors si vous avez une piste

Merci
Nine

**Auteur** · 11/10/2006, 19h49

bonjour,

as-tu défini la taille des cellules contenant les coins gauches égale à la taille de l'image ? Visiblement tu ne l'as pas fait de partout.

Seuls les coins gauche sont comme ça, ce qui est curieux.

**free_kar** · 11/10/2006, 20h54

Salut! J'ai en effet regarder le résultat c AAAAAAA.. je rigole..
Je pense que le contenu est trop grand par rapport à la taille que tu proposes..
Un petit conseil pour le tableau, pour les dimensions, tu dois inserer les tailles voulu uniquement dans la première ligne de ton tableau, les autres lignes ne feront que suivre la taille de celle ci aprés.. par contre l'hauteur se fera sur chaque ligne... (travaille uniquement sur <tr> pour les hauteur)
Et pour la taille utilise le pourcentage (par rapport à la taille de ton écran) c'est plus facile a suivre en tout cas(pour moi)

..du genre width="50%" ..
Pour les images de fond, il est préférable d'utiliser des logiciels comme photoshop
(t'aura tout de suite ton tableau avec les fonds)..regarde des tuto pour découper une image.. ciao

**ninikkhuet** · 12/10/2006, 10h33

salut et merci pour votre aide

.
Après avoir refait étape par étape mon tableau en suivant vos conseils, je me suis aperçu qu'en fait les tailles des colonnes ne sont pas respectées sous IE à cause de mes boucles SPIP ! En fait lorsque j'écris ma boucle SPIP dans la cellule d'un tableau, le texte "dépasse" la taille de la colonne, donc la colonne s'agrandit. Ce qui est bizarre c'est que sous Mozilla ça s'affiche correctement.. Bon je ne sais pas si je me suis bien fait comprendre mais en tous cas, j'ai au moins trouvé l'origine du problème..Reste à trouver une solution !

**pierrot10** · 12/10/2006, 13h14

Moi personnelemnt dans ton cas je ferai

un tabelau avec 3 ligne 1 colone
dedans j'y insérais un 2eme tableau avec 3 clonne et 5 ligne et uen largeur de 100%
et je définirai la largeur de mes colonne et ligne pour retrouver le meme visuelle que l'exemple que tu as donneé
finalement j'utliserai un fichier CSS pour définir mes taille fixe des collones
et enfin j'e réaliserai avec photoshop, une image de fond , pour le fond des titres de section

Problème de tableau avec IE

HTML

Discussions similaires

Partager

Partager