[img]

Heo,

mir wurde gestern berichtet, dass am linken Rand der Seite beim jeweiligen Laden der Unterseiten anscheinend der Quellcode "aufflackert", also kurz sichtbar ist, anscheinend handelt es sich um die Links: über uns, produkte etc

kann das jemand bestätigen? Habe nur MIE6 unter Parallels laufen und da ist das Problem nicht.

falls das mal jemand anschaun könnte, wär super. danke schonmal.


grüße Jan


die Seite: Domain

[fricca]

Flash of Unstyled Content (FOUC)

[img]

super dank dir fricca

habe jetzt das im header eingebaut
<link rel="stylesheet" type="text/css" media="print" href="print.css">

habe leider keine Möglichkeit es zu testen, kein PC in Sichtweite...
wenn jemand mal kurz schaun könnte ob das Problem noch besteht?

Danke im Voraus

[heiko_rs]

Zitat von img

habe jetzt das im header eingebaut
<link rel="stylesheet" type="text/css" media="print" href="print.css">

Nein, Du bindest master.css ein zweites Mal ein:

<link rel="stylesheet" type="text/css" media="all" href="css/master.css">
<style type="text/css" media="all">@import "css/master.css";</style>

Der FOUC ist jetzt zwar weg, aber so ergibt das Ganze keinen Sinn. Außerdem fehlt der abschließende Slash.

[img]

ah, der Gedanke dahinter ist, auf ein nicht vorhandenes css-dokument zu verweisen, right?

das heißt ich muss einen Pfad angeben der nicht exisitert... ich änder das ma eben *geändert und online*

<link rel="stylesheet" type="text/css" media="print" href="print.css" />
	<style type="text/css" media="all">@import "css/master.css";</style>

[heiko_rs]

Zitat von img

ah, der Gedanke dahinter ist, auf ein nicht vorhandenes css-dokument zu verweisen, right?

Naja, aber nur im Notfall. Aber dann würde ich eher ein leeres script-Element nehmen.

Schöner wäre dagegen natürlich ein sinnvolles link-Element, das auch auf eine existierende Datei verweist. Auch geeignet: Der Conditional Comment, der das separate IE-CSS enthält (ohne das bei mir keine einzige Website auskommt):

<style type="text/css" media="screen, projection">@import '/css/main.css';</style>
<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="/css/ie.css" media="screen" />
<![endif]-->

[img]

das heißt eine komplette CSS-Datei wie ich sie schon habe, ausgerichtet für den IE? Entfallen dann auch die Hacks in der "normalen" CSS?

Ich weiß das es nicht schön ist, auf ein nicht vorhandenes Element zu verweisen, aber funktional ist es hiermit auch oder?

<script type="text/javascript"> </script>

wenn ich das einfüge gibts das FOUC Problem nich?

danke für deine Hilfe,
img

*** habs jetzt wie grade erwähnt in die Seite eingebaut und hochgeladen

[heiko_rs]

Zitat von img

das heißt eine komplette CSS-Datei wie ich sie schon habe, ausgerichtet für den IE? Entfallen dann auch die Hacks in der "normalen" CSS?

Nicht komplett - dieses CSS enthält ausschließlich die IE-Hacks, die Du dann aus dem normalen CSS löschen kannst.

Zitat von img

wenn ich das einfüge gibts das FOUC Problem nich?

Genau, auch mit dem leeren script-Element ist das Problem weg.

[img]

Ok, danke für deine Hilfe