tfe Homepage

04/03/2007

Hack css pour Internet Explorer

C'est en essayant de créer un nouveau thème pour le blog, et en farfouillant des thêmes du csszengarden, que j'ai découvert une astuce pour rendre le position:fixed compatible avec Internet Explorer.

En gros l'astuce consiste à spécifier les arguments des navigateurs standards en !important, puis de surcharger pour Internet Explorer:

position:fixed !important; posifion:absolute; top:0px; left:0px;

Firefox connaissant la signification du "!important" ne va pas chercher e  remplacer la règle fixed. Internet Explorer par contre va continuer à  modifier cet attribut lors de la seconde ligne...

On obtient ainsi un style diffe©rent selon les version des navigateurs tout en restant standards. Cependant la position:absolute d' Internet Explorer ne permets pas de garder le menu visible malgre© le scroll. Il n'est donc pas possible de faire de jolis effets comme celui-ci.

(Si vous avez voulez revenir au style par de©fault, le voici)...