[résolu] [IE] [background] deux tableaux imbriqués

Bonjour,

J'ai un tableau pour le design, il me permet de gérer un cadre avec des arrondis.

Dans ce cadre, je souhaiterais mettre un tableau de données, dont une ligne sur deux est en couleur.

Ce que j'ai réussi à programmer et qui fonctionne avec les principaux navigateurs (Firefox, Opera, Safari, ...) mais qui ne fonctionne pas avec Internet Explorer ...

Pour le premier tableau avec les bords arrondis :

.page td
{
	background-color: #ffffff;
	padding: 0px;
}

Pour le second tableau, celui avec les données :

<table class="tableau">
	<tbody>
		<tr> <!-- 1ère ligne, entête des colonnes-->
			<th class="tableau_deux">Tableau de test</th>
			<th class="tableau_deux"><br /></th>
		</tr>
		<tr> <!-- 2ème ligne-->
			<td>1</td>
			<td>2</td>
		</tr>
		<tr>
			<td style="background-color: #e9edf2;">A <!-- Une cellule vide--></td>
			<td class="colore">4</td>
		</tr>
	</tbody>
</table>

td .colore
{
	background-color: #e9edf2;
}

En mettant directement "style="background-color: #e9edf2;"" ça fonctionne même sous IE, mais quand j'utilise les class, là ça ne va plus avec IE.

Comment puis je régler ce problème ?

D'avance merci pour vos réponses.



xenos
Modifié par xenos (11 Jul 2008 - 00:05)

Salut,

Ton sélecteur est ton simplement éronné :

Tu appelles :

td .colore

ce qui sélectionne tout élément de classe colore contenu dans un <td>

Or, à la vu de ton code html, c'est ta balise <td> qui porte la classe, il faudrait donc faire ta sélection en supprimant l'espace inutile, ainsi :

td.colore

En guise de complément de formation, je te donne deux liens pour approfondir et/ou réviser tout çà :
-> chez Yoyodesign
-> chez Floatthatbox

merci de ton aide, ça fonctionne correctement !

Je vais en profiter pour lire les liens que tu m'as fourni.

Bonne soirée ... 'fin plutôt bonne nuit vu l'heure avancée !

xenos