Zend FR

nORKy · 17-12-2008 16:32:06

Voici un style css très simple :

Code:

table.hor-zebra tr.rowNumber
{
  background-color: black;
  color: black;
  height: 5em;
}

Ce code fonctionne très bien sous firefox

Par contre, sous iE 7, la prioriété height fonctionne, mais pas color et background-color !
qqun a déjà vu ca ??

Je suis en train de m'arraché les cheveux pour une chose qui semble tellement simple...

Delprog · 17-12-2008 16:46:38

Salut,

Impossible

L'erreur est ailleurs.

Je viens de tester vite fait pour appuyer ce que je dis, et même résultat dans les deux navigateurs.

Code:

<table class="hor-zebra">
    <tr class="rowNumber">
        <td>test</td>
    </tr>
</table>

Un beau rectangle noir avec du "test" en noir dans ma cellule. (Chrome, IE7, Firefox, Opera et Safari idem :p)

Tu n'as pas une autre classe qui pourrait écraser les propriétés de celle là ? (ok je vois pas de rapport avec le navigateur, mais sait-on jamais)

A+ benjamin.

Dernière modification par Delprog (17-12-2008 16:48:19)

nORKy · 17-12-2008 17:01:09

Alors, j'ai trouvé.
A priori, j'ai un background-color: transparent sur les td qui en fait, n'est pas si transparent que ca sous ie.
J'ai déplacé mon background-color dans mes td et ca fonctionne.

C'est tout de même bizarre...

Delprog · 17-12-2008 17:10:00

A mon avis c'est IE7 qui ne gère pas bien certains points du CSS2.0 (et qui ne répond pas correctement aux recommandations du W3C), et la bonne nouvelle c'est que le problème est aussi présent dans la bêta de IE8

Sinon ne met pas de background sur tes td.

A+ benjamin.

philippe · 17-12-2008 17:23:42

Salut nORKy,

les propriétés background ne sont bien gérées sous IE7 que quand les balises ont un layout. Ne cherche pas dans la norme CSS, c'est un truc spécial IE, par contre c'est intéressant de savoir que ça existe parce que ça pose plein de problèmes avec les attributs "position" également...

J'ai passé des heures à trouver le problème sur un site qui me plaçait mes div n'importe où sous IE7...

Le seul article pertinent que j'ai trouvé sur les layouts de IE...
http://www.satzansatz.de/cssd/onhavingl … 50824.html

A+, Philippe
PS : a priori si tu reprends ton ancien code CSS et que tu ajoutes sur tes td (ou tes tr... je sais plus) la propriété css zoom:1, ça devrait résoudre ton problème...

Zend FR

#1 17-12-2008 16:32:06

code css rebelle sous IE

Code:

#2 17-12-2008 16:46:38

Re: code css rebelle sous IE

Code:

#3 17-12-2008 17:01:09

Re: code css rebelle sous IE

#4 17-12-2008 17:10:00

Re: code css rebelle sous IE

#5 17-12-2008 17:23:42

Re: code css rebelle sous IE

Pied de page des forums