CSS Hack pour InternetExplorer

Tagged:

S'il vous arrive d'avoir une différence d'affichage entre IE et un autre mais que IE est en cause, il est possible de le berner ...
En effet les parsing bugs sont nos amis :) Un parsing bug ( j'explique quand même :) ) c'est une erreur dans l'interprétation de la norme CSS. En gros les programmeurs des navigateurs font un module responsable de synthétiser le fichier de style et ils se plantent parfois ... bon ben ceux de chez microsoft se sont plantés (encore une fois... y'en a pour qui c'est plus fréquent ...)
En tout cas heureusement pour nous, ils se sont suffisament plantés pour qu'on puisse y trouver notre compte.

Exemple : vous définissez une image faisant 100%hauteur et 100%largeur ... paf IE il fait un truc on sait pas pourquoi, mais l'image fait limite 250% de hauteur ..Il est possible de filouter (même si une autre solution devrait être envisagée... ce n'est qu'un exemple ...) et dire seulement à IE que vous voulez une hauteur fixe de 650px ... pour cela vous faites :

 .monimage {height:100%;width:100%;}
 * html .monimage {height:650px;}

et là, tous les navigateurs vont lire la première ligne et diront "ok c'est bon pour ça"; à la deuxième ils s'arrêtent en disant qu'il ne peut pas y avoir de balise contenant html ... ils passent donc toute la définition de style puisqu'elle n'est pas correcte... IE lui interprète ça ... il est pas comme ça lui!!! alors il lit et dit : tiens hauteur ... bon on l'avait déja définie, c'est pas grave on remplace par la nouvelle !!!

Donc à retenir pour IE : mettre * html devant une ligne correctrice d'un effet indésirable !!!

Comments

Il y a aussi le "_", testez :)
Par contre je sais pas si c'est valide..