problema caricamento css

[bellamary]

ciao,
ho un problema con il caricamento dei css nei siti che sviluppo: il foglio di stile non viene caricato immediatamente all'avvio della pagina e per una frazione di secondo mi fa vedere la pagina
senza formattazione.
questo mi succede solo con IE;

in che modo potrei risolvere il problema?


grazie in anticipo

[fcaldera]

come includi i css?

così
<link rel.... />


oppure con
<style>
@import...
</style>
?

Scommetto che usi la seconda

[bellamary]

Originariamente inviato da fcaldera
come includi i css?

così
<link rel.... />


oppure con
<style>
@include...
</style>
?

Scommetto che usi la seconda

..ehm..si! per la precisione così:

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

è quello che causa il problema??

[fcaldera]

si.
l'uso della clausola @import su IE causa un fenomeno chiamato FOUC
Puoi leggere un buon approfondimento qui http://bluerobot.com/web/css/fouc.asp/

[bellamary]

Originariamente inviato da fcaldera
si.
l'uso della clausola @import su IE causa un fenomeno chiamato FOUC
Puoi leggere un buon approfondimento qui http://bluerobot.com/web/css/fouc.asp/

grazie!

ma quindi a:

<style>
@import...
</style>

devo aggiungere questo?

<link rel="stylesheet" type="text/css" media="print" href="print.css">

[fcaldera]

semplicemente al posto di usare import
<style type="text/css">@import url(sito.css);</style>

includi i tuoi css con l'elemento <link />
<link rel="stylesheet" type="text/css" href="sito.css" media="screen" />

[bellamary]

Originariamente inviato da fcaldera
semplicemente al posto di usare import
<style type="text/css">@import url(sito.css);</style>

includi i tuoi css con l'elemento <link />
<link rel="stylesheet" type="text/css" href="sito.css" media="screen" />

grazie, molto gentile!