[CSS] Incompatibilités sélecteurs IE

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] Incompatibilités sélecteurs IE

pains-aux-raisins

Fatal error

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>

:'(

Publicité

antp

Super Administrateur
Champion des excuses bidons

tu peux mettre

body div
{
...
}

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

pains-aux-raisins

Fatal error

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...

antp

Super Administrateur
Champion des excuses bidons

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

pierre6020

Tu mets pas de <head> dans ta page?

pains-aux-raisins

Fatal error

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

pierre6020

:jap:

kalex

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 */

pains-aux-raisins

Fatal error

Pas mal ! Très astucieux kalex :jap:

FORUM HardWare.fr

Programmation

HTML/CSS

[CSS] Incompatibilités sélecteurs IE

Sujets relatifs
Besoin d'aide pour resoudre un bug d affichage xhtml/css	liste css
[CSS] Ca marche avec Firefox mais pas avec IE... Comment faire ?	[CSS] background image x2
[CSS] tableaux	[CSS] Probleme IE, bizarre (ou désespérant, au choix)
[CSS] position et display pour aligner 2 blocs	envoi automatique d'un formulaire / menu JS vs CSS
[Résolu] 2 styles css différents pour les liens	Aide pour le css
Plus de sujets relatifs à : [CSS] Incompatibilités sélecteurs IE

Page générée en 0.043 secondes