!important;

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : !important;

Beral2

Bonjour tout le monde,

il y a un "moyen" (dans une CSS) de ne faire comprendre certaines choses qu'aux navigateurs évolués et que cela passe à la trappe pour le(s) navigateur(s) dégénéré(s) : !important;

Ceci étant bien utile, j'ai tendance à l'utiliser : cela est-il "permis" ou faut-il l'éviter (au maximum) ?

Merci.

Publicité

FlorentG

Ce que tu évoques, c'est le fameux :

pouet {
color: red !important;
color: green;
}

Donc sous IE, le texte sera vert, et sous le reste il sera rouge. Par contre, si on fait ça :

pouet {
color: red !important;
}
pouet {
color: green;
}

Là, ce sera rouge partout.

Alors je souhaite toutefois prendre la défense d'IE dans ce cas. Quel est l'interêt du premier truc ? Quel intérêt à mettre un deuxième color alors que le premier est déclaré !important ? Réponse : aucune, c'est une ligne complètement inutile. Du coup IE se dit : ok, y'a un color !important. Mais tout de suite après, dans la même déclaration, un deuxième. Et dans ce cas là, IE va changer la color en green et non-!important.

Donc c'est un truc que j'aime pas exploiter, parce qu'il repose sur une interprétation des normes presque légitime. A vérifier dans la recommandation... J'y cours

Beral2

Pas tout à fait inutile qd-même parce qu'évidemment ce n'est pas pour que sous un navigateur ce soit rouge et sous un autre vert ! C'est pour des choses un peu plus "fines" que cela.

Exemple :

Code :

div#icones
{
margin-left: auto;
margin-right: auto;
width: 410px !important;
width: 411px;
height: 35px;
margin-top: -42px;
}

Comme chacun sait, ie gère les bordures de façon "olé-olé" alors...

FlorentG

Ouais, voilà, c'est exploiter une spécificité d'IE à des fins de hack Et comme tout hack, faut y faire avec des pincettes...

plainsofpain

Pingouino's lover

Je préfère l'underscore hack.

Code :

.pouet
{
color:red; /*navigateurs respectants les standards */
_color:green; /* seul ie interprètera cette ligne, et prendra donc le vert, puisque pour lui elle est après le rouge.*/
}

Message édité par plainsofpain le 24-06-2005 à 16:16:14

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be

Flyman30

je l'utilise comme hack pour le min-height

#principal
{
margin-left: 18em;
padding-right: 2em;
padding-top: 1em;
padding-bottom: 1em;
height: auto !important;
height: 500px; /* because ie suxxe */
min-height: 450px;
}
html>body #principal
{
height: auto;
}

---------------
planuldep | Association pêche à la Sempé

Beral2

Ok, donc si j'ai bien compris, on peut si pas l'choix mais ne pas en abuser.

Sinks.

plainsofpain

Pingouino's lover

Tant qu'IE ne suivra pas les standards ...

Un jour, ca changera enfin peut-etre ...

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be

FORUM HardWare.fr

Programmation

HTML/CSS

!important;

Sujets relatifs
Garder en mémoire des donnes dans une boite de dialogue IMPORTANT	POUR LES PROS IMPORTANT --> INTERFACE JAVA
Projet Important	[C] besoin important d'une info sur les nombres à virgule flottante
Prob important ! Mon code ne s'exécute plus !	les classes : important ??
[javascript] Lire un style css ? sivouplééé important	[PHP] problème de sécurité -important-> session ID bizarreté
AIDEZ MOI SVP, C'EST TRES IMPORTANT POUR MON GRADUAT	[Important] Recherche beta-testeurs.
Plus de sujets relatifs à : !important;

Page générée en 0.053 secondes