tfe - tfeserver homepage

Web

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 à remplacer la règle fixed. Internet Explorer par contre va continuer à modifier cet attribut lors de la seconde ligne...

On obtient ainsi un style diffé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 malgré le scroll. Il n'est donc pas possible de faire de jolis effets comme celui-ci.

(Si vous avez voulez revenir au style par défault, le voici)...

Astuce W3c CSS Internet Explorer

Arnaud

le 04/03/07 16:03:43

A mon avis, IE ne modifiera pas l'attribut "position" avec une ligne comme "posifion:absolute;" :)

kapouik

le 04/03/07 17:58:17

A mon avis tout tes lecteur utilise firefox donc t'embête pas et dit toi qu'un jour IE marchera :)

Arnaud

le 06/03/07 08:06:43

"une astuce pour rendre le position:fixed compatible avec Internet Explorer." Tu bluffes en fait. Moi je pensais à une astuce pour la rendre vraiment compatible.

Kobhqlt

le 04/05/07 18:51:23

Nice, merci pour l'astuce :)