tfeserver : Blog de tfe

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 :)