[CSS] Incompatibilités sélecteurs IE

Marsh Posté le 28-08-2004 à 16:47:57

Je ne sais pas si le sujet a été abordé mais bon, dans le doute je préfère quand même poster.

Après avoir passé plusieurs heures à comprendre pourquoi ma feuille de style ne fonctionnait pas je viens de tomber sur une nième incompatibilités d'Internet Explorer.

Visiblement, il ne reconnaît qu'une très faible proportion de sélecteurs normalisés par le W3C : http://cthedot.de/test/selector.html

par conséquent, ce genre de truc ne marche pas, alors que ça a pourtant l'air tout bête :

Code :

<html>
<style>
body > div {
width : 95%;
background-color : yellow;
}
</style>
<body>
<div>hello</div>
</body>
</html>

:'(

Reply

Marsh Posté le 28-08-2004 à 16:47:57

Reply

Marsh Posté le 28-08-2004 à 17:32:23

tu peux mettre

body div
{
...
}

pour donner un style à un div qui est dans un body
ça marche aussi

Reply

Marsh Posté le 28-08-2004 à 21:39:04

Effectivement ça marche aussi. Mais un peu trop bien.
Apparament, l'inconvénient est que le style se propage aux balises <div> enfants, mais également aux petits-enfants, etc...

Reply

Marsh Posté le 28-08-2004 à 21:50:07

oui, c'est le désavantage.
Il faut alors donner des classes ou id au div en question

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

Reply

Marsh Posté le 29-08-2004 à 00:39:10

Tu mets pas de <head> dans ta page?

Reply

Marsh Posté le 29-08-2004 à 00:43:51

C'est une pseudo page pour l'exemple
Ma section <head> était un peu volumineuse est inintéressante pour mon post.

Reply

Marsh Posté le 29-08-2004 à 01:14:21

:jap:

Reply

Marsh Posté le 29-08-2004 à 17:21:43

C'est un peu chiant, mais si tu veux éviter les id ou class, tu peux faire un truc de ce genre :
div{border: 1px solid red} /* les div auront une bordure rouge */
div div {border: 0;} /* tu annules la bordure des div qui se trouvent dans un div */

Reply

Marsh Posté le 29-08-2004 à 21:22:55

Pas mal ! Très astucieux kalex :jap:

Reply

[CSS] Incompatibilités sélecteurs IE

Sujets relatifs:

Leave a Replay