[Dynamic]

De siter man skapar nuförtiden ska ju enligt gällande "mode" göras med ren css-layout och det har man ju också gjort de senaste åren.

En sak jag märkt med det här "nya sättet" är att det ser lite annorlunda ut när sidorna laddas i webbläsaren (främst IE) ibland. I Internet Explorer verkar det som html'en laddas först och visas för användaren (svart text på vit bakgrund) och själva layoten kommer först sekunden senare när css-filerna laddats in. Jag kan tänka mig att vissa stör sig på det här eller blir lite förvirrade.

Är det jag bara jag som lyckats se den här effekten? När jag försöker experimentera om det är skillnad mellan @import url, link rel osv lyckas jag givetvis inte framkalla effekten längre. Är det något speciellt som framkallar effekten eller finns det något sätt att förhindra den med pre-load av css-filerna eller liknande?

[PeterM]

Du har upptäckt vad folk har döpt till Flash of Unstyled Content.

Enda sidan du behöver i ämnet, http://www.bluerobot.com/web/css/fouc.asp .

[Kaffe]

Jag skulle rekommendera att inte använda @import, så vida du inte är medveten om exakt varför du använder det.

Import har nämligen vacklande browser-stöd bland äldre webbläsare:
http://w3development.de/css/hide_css...owsers/import/
http://centricle.com/ref/css/filters/

Nu är i o f dessa webbläsare av rätt låg prioritet, och frågan är väl om de överhuvudtaget stödjer den nivån av CSS som lär förekomma. Ifall man nu vill dölja CSS för äldre webbläsare med @import så rekommendar jag en struktur i stil med denna i head-elementet. Observera att jag använder HTML, och inte XHTML, så du får lägga till enkelavslut på alla link-element.

 <link rel="stylesheet" type="text/css" media="all" href="assets/css/basic.css">
 <link rel="stylesheet" type="text/css" media="print" href="_css/print.css">
 <style media="screen, projection" type="text/css">@import url("assets/css/advanced.css");</style>

Enda problemet efter det här är att attributet media kan ställa till ännu värre problem, så hoppa över det i annat fall <_<. På ett eller annat sätt bör du dock skicka med vilken media-typ det gäller.

[Dynamic]

Tack för de utmärkta svaren. Jag visste väl att det inte bara var jag som hade problem med det här. Det var inte så lätt att söka information om det heller då man inte visste vad fenomenet kallades.