import css IE

[dudo]

Bonjour,

J"ai un soucis d'import mal supporté par IE de temps en temps, pouvez vous me confirmer si c'est la bonne ecriture
<style type="text/css" media="screen"> @import url(/style3.css);</style>

ludo merci

[medium69]

Bonjour,

J"ai un soucis d'import mal supporté par IE de temps en temps, pouvez vous me confirmer si c'est la bonne ecriture
<style type="text/css" media="screen"> @import url(/style3.css);</style>

ludo merci

Tu as du faire une erreur...

Code: Tout sélectionner

@import url(/style3.css)

Doit être mis dans une feuille CSS (enfin je crois qu'il ne s'appelle que comme cela

c'est l'usage que j'en fais pour garder les CSS identique suivant le skin de mon site.

par ex.

Code: Tout sélectionner

/* Vert */
@import url(defaut.css);

.titreNav {   background-color: #097b27; }, etc.

[Pandore]

C'est ton "media="screen"" qui fout la merde

Enlève le et tout devrait rentrer dans l'ordre normalement

Code: Tout sélectionner

<style type="text/css"> @import url(/style3.css);</style>

Tu as du faire une erreur...

Code: Tout sélectionner

@import url(/style3.css)


Doit être mis dans une feuille CSS (enfin je crois qu'il ne s'appelle que comme cela

On peut faire comme dudo a fait. La balise "style" est prévue pour faire du CSS

[medium69]

On peut faire comme dudo a fait. La balise "style" est prévue pour faire du CSS

Je m'en colle 2 de suite !!

Le pire c'est que je me sert de la balise style en plus de mes CSS dans certains endroit de mon code en fonction de mes besoins.

[nexxen]

C'est ton "media="screen"" qui fout la merde

Tu es sur ? Perso je n'ai jamais rencontré de pb en utilisant cette syntaxe.
En revanche un comportement propre à IE survient en utilisant @import : la page s'affiche avant le chargement de la feuille de style. Cette "bizarerie" est connue sous le nom de FOUC (Flash of Unstyled Content) et peut être évitée en appelant une autre feuille de style avant (la feuille dédiée au print par exemple) avec la syntaxe traditionnelle : <link rel="stylesheet" type="text/css" href="print.css" media="print" />

Le JDN en parle dans l'un de ces articles :
Prévenir le scintillement des CSS dans IE5

[Pandore]

C'est ton "media="screen"" qui fout la merde

Tu es sur ? Perso je n'ai jamais rencontré de pb en utilisant cette syntaxe.

Je dois bien avouer que tu m'as mis un doute. Surtout que perso, je n'utilise jamais le @import , je préfère la balise "link" ^^

J'ai donc été revoir mes bookmarks et j'ai ça comme source :

link ou import

Il y est dit :

On peut ajouter, de façon optionnelle, une liste de médias. Mais ATTENTION, Internet Explorer Windows ne comprend pas cette syntaxe, et n'importera pas du tout la feuille de style correspondante !

Code: Tout sélectionner

<style type="text/css">
@import url(/styles/habillage.css) screen;
</style>

Je savais bien qu'IE avait des problèmes avec la liste des média

Donc ce qui est sur c'est que IE ne charge pas la feuille de style si on code :

Code: Tout sélectionner

<style type="text/css">
@import url(/style3.css) screen;
</style>

Et toujours d'apèrs cette source, en codant :

Code: Tout sélectionner

<style type="text/css">
@import url(/style3.css);
</style>

ça ne devrait pas poser de problème apparemment.

[nexxen]

Cette syntaxe non plus ne semble pas poser de pb à IE:

Code: Tout sélectionner

<style type="text/css" title="Thème principale" media="screen">
@import "style.css";
</style>

On peut donc préciser le média de destination... On note juste style.css et pas url(style.css).
C'est vrai que pour trouver (et comprendre) ce genre de bug, faut se lever matin

[Dan_A]

Ou utiliser
http://centricle.com/ref/css/filters/
http://www.communis.co.uk/dithered/css_ ... index.html