Hack CSS pour @import ?

Marsh Posté le 20-09-2003 à 13:39:04

Est-ce-qu'il y aurait un moyen avec des hacks CSS d'inclure telle ou telle feuille de style suivant le navigateur ?

En gros ce que je voudrais c'est :

- inclure une feuille de style pour tous les navigateurs normaux.

- inclure une feuille de style supplémentaire pour les bidouilles nécessaires à IE 6.

- inclure encore une feuille de style supplémentaire pour les bogues de IE 5.5.

Pour l'instant j'ai tout dans la meme feuille de style (avec des "* html" pour IE6 et des hacks "voice-family" pour IE5.5). Mais c'est relou d'obliger les possésseurs de navigateurs non-IE à télécharger des feuilles de style deux fois plus grosses que nécessaire.

Marsh Posté le 20-09-2003 à 13:39:04

Marsh Posté le 20-09-2003 à 14:00:50

well, en fait, vu que c'est IE qui est le plus buggé, c'est toujours lui qui fera le moins, y compris télécharger le moins de CSS

Les autres prendront l'ensemble des CSS dans la plupart des cas.

Sinon, y a une page qui reprend les hack dispo dans le topic de Hermes

Marsh Posté le 20-09-2003 à 14:12:49

J'ai trouvé ça :

Code :

<link type="text/css" rel="Stylesheet" href="default.css" title="default" />
<link type="text/css" rel="Stylesheet" href="junk.css" title="junk" />
<style type="text/css" title="embedded junk">@import url("junk.css" );</style>

Sur un navigateur correct, seul default.css est chargé.
Sous IE 4, 5, 6 et Opera (y compris version 7), junk.css est chargé en plus.

Avec des * html partout dans junk.css on peut donc obtenir une feuille de style pour les bogues d'IE.

Les possésseurs d'Opéra devront malheureusement la charger aussi