Discussion :

[elix63]

Bonjour à tous,

j'affiche un bête tableau en html,

il s'affiche sous Firefox/Opera/Safari/Chrome

seule contour s'affiche sous IE7.

Le code du 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
 
<table id="tableCompUtil" style="width:100%;" cellpadding="0" cellspacing="0">
				<tr>
				<td id="comp1">#cont1</td>
				<td id="comp2">#cont2</td>
				<td id="comp3">#cont3</td>
				<td id="comp4">#cont4</td>
				<td id="comp5">#cont5</td>
				</tr><tr>
				<td id="comp6">#cont6</td>
				<td id="comp7">#cont7</td>
				<td id="comp8">#cont8</td>
				<td id="comp9">#cont9</td>
				<td id="comp10">#conte10</td>
				</tr></table>

Il est rempli par la suite en php je remplace les #****

et voici son CSS :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
#visuelCompTemporaire .centre .contenu .contenuTab table {
border: 1px dashed black;
height:120px;
width:290px;
}
 
#visuelCompTemporaire .centre .contenu .contenuTab table td {
border:  1px dashed black;
height:50px;
width:50px;
text-align:center;
vertical-align:middle;
}

J'ai installé l'IE develloper toolbar, mais je n'arrive pas a déterminer ce qui empeche l'affichage des cases.

Je sort d'un DUT, je n'ai que peu d'expérience en web et tout ce qui est cross-browser m'est inconnu. Merci par avance.

[c_s_s]

Bonjour,

Avec le code que tu donnes, le tableau apparaît correctement sous IE7.

Si tu ne vois que le contour, c'est que les cellules sont vides.
Que donne le code généré en HTML après le remplacement des #**** ?

[elix63]

Si c'est sasn recharger la page :

j'injecte du html avec Javascript/Jquery.

ou sinon je fait un strreplace par l'element ( une image) que je veut aprés avoir lu un cookie.

Sous firefox, aucun probleme mes border de cases sont toujours présents, quelle soit vide ou remplies.

Sous ie, elle sont toujours sans bordure. IE develloper toolbar me montre pourtant bien les caracteristique css que j'ai choisit.

[c_s_s]

Ok, mais quand tu ne vois que le contour sous IE, est-ce que tes cellules sont vides ou pas ?

[elix63]

Oui elles n'ont pas d'information à l'intérieur, pas meme #***** puisque remplacée par "" (vide) si je n'ai pas d'image a mettre dedans. Mais même quand ensuite j'ajoute une image via le javasript, les contours de la case ne s'affiche pas plus.

( La case est bien la et fait bien la taille que je veut Firebug et Ie develloper bar me le prouvent)

[c_s_s]

Et si au lieu de "" (vide) tu laissais un espace   ?