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"/> </td>
<td class="lightHeaderSep" nowrap><bean:message key="label.language"/> </td>
<td class="lightHeaderSep" nowrap><bean:message key="label.text"/> </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