Que veut dire ce CSS ?

**Seth77** · 28/10/2006, 11h45

Salut

j'ai trouve cela sur le net :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
display: block;
width: 122px;
\width: 158px;
w\idth: 122px;

Qq peut m'expliquer ??

**MasterOfChakhaL** · 28/10/2006, 12h03

Ca ressemble à ce qu'on appelle un hack css...

Le principe des hacks est de pouvoir définir certaines règles à destination d'un browser spécifique (pas de délation...)

Ceux-là ont l'air de faire parti de la pire espèce car ils introduisent une syntaxe erronnée que seul des navigateurs non standard peuvent comprendre (toujours pas de délation...)
En gros, tu écris une règle valide pour tout le monde, et tu écris une règle non valide qui sera quand même interprété par les browsers non standard, les browsers standards appliquant le principe suivant: "pas valide => on zappe"

Il existe une autre catégorie de hack un peu moins génant.
Ceux-ci s'appuient sur une syntaxe correcte et la mauvaise interprétation du browser non standard( un peu de délation... oh puis non)

l'exemple classique:
considérons ce sélecteur:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

* html {...}

L'élément de plus haut niveau d'un document html est logiquement l'élément <html>
donc ce sélecteur ne devrait logiqement rien sélectionner.
Or chez ie (oups, j'ai délaté!) ce sélecteur fonctionne comme si on n'avait pas mis l'astérisque (mystère...)
Donc pour réécrire des règles pour ie uniquement, on peut reprendre le sélecteur et ajouter devant le fameux "* html" afin de rédéfinir les règles adéquates.

Toutefois, il semblerait que cette feinte ne marcherait plus avec IE7 (alors que les bugs qui "justifiaient" cette manip n'ont pour la plupart pas été résolu) donc prudence...

**Seth77** · 28/10/2006, 13h17

Merci

si je comprend bien , le hack permet d'avoir le meme resultat qq soit le navigateur ... mais alors comment faire sans hack ?

**MasterOfChakhaL** · 28/10/2006, 14h10

tu peux:

- te passer des proriétés qui posent problème (min/max-height/width par exemple)
- assumer les quelques différences (souvent, quelques pixels qui sortent d'on ne sait trop où). Le fait de mettre un doctype limite grandement ces diffrences.
- écrire une feuille de style spécifique au browser (pas forcé de tout réécrire). Tu peux détecter le browser de l'utilisateur côté serveur ou côté client (avec javascript), même si cette méthode n'est pas réputé fiable à 100% (l'utilisateur peut souvent paramètrer la chaine d'identification que donne le browser)
- ie détecte ce qu'on appel les commentaires conditionnnels (un truc du genre <!-- if IE[ ..., je te laisse chercher si ca t'interesse car je ne connais pas la syntaxe exacte). Ce qui est inclus dans ces commentaires ne sera vu que par ie (tu peux aussi prendre en compte la version d'ie)

**Seth77** · 28/10/2006, 14h26

Ok merci !!

Que veut dire ce CSS ?

CSS

Vue hybride

Discussions similaires

Partager

Partager