Rechercher : dans
Par :

[CSS & IE7] class pour un élément <td>

Dernière réponse le 1 fév 2007 à 10:20:43 kij_82, le 31 jan 2007 à 14:18:32 
 Signaler ce message aux modérateurs

Bonjour,


je fais encore appel à vos connaissance en matière de CSS pour un nouveau problème de compatibilité entre IE6 et IE7.

Dans une page JSP, je tente d'afficher certaines informations dans un tableau, et pour ce faire voici mon code :

<tr valign="top"
	title="<nested:write property='genericContainer.prsTitle'/>">

	<td colspan="3" class="darkheader">
		<bean:message key="content.title"/>
	</td>
</tr>

<tr>
	<td class="lightHeader" nowrap><bean:message key="label.dt"/>&nbsp;</td>
	<td class="lightHeaderSep" nowrap><bean:message key="label.language"/>&nbsp;</td>
	<td class="lightHeaderSep" nowrap><bean:message key="label.text"/>&nbsp;</td>
</tr>


Rien de bien méchant et ca fonctionne parfaitement. Mais j'ai un soucis d'affichage sur IE7.
Voici la classe CSS concernée, le bug se produisant sur la ligne en gras dans le code ci dessus :
.lightHeaderSep {
	font: 65% 'Verdana', 'Arial';
	color : #000000; /*#FFFFFF;*/
	padding : 0 0 0 2px;
	background : #C5C5C5 url(../icons/lightheader.gif) repeat-y;
}


Et voici ce que ca donne en image :
Sous IE6, tout est ok :
http://www.monsterup.com/image.php?url=upload/1170249315.jpg
Sous IE7, le css ne s'applique pas correctement :
http://www.monsterup.com/image.php?url=upload/1170249443.jpg

Quelqun saurait-il d'où cela peut venir ?
Je vous remercie d'avance pour votre aide :)
~ N'oubliez pas la balise "Résolu" lorsque votre problème est... résolu :) ~
Configuration: Windows XP
Firefox 2.0

1

 kij_82, le 1 fév 2007 à 10:20:43

J'ai trouvé mon erreur... une simple bourde dans une autre classe css.
Donc rien de passionant.

Merci.
~ N'oubliez pas la balise "Résolu" lorsque votre problème est... résolu :) ~

Répondre à kij_82