{"id":3508,"date":"2006-08-16T09:05:46","date_gmt":"2006-08-16T07:05:46","guid":{"rendered":"http:\/\/www.frische-zitronen.de\/?p=322"},"modified":"2006-08-16T09:05:46","modified_gmt":"2006-08-16T07:05:46","slug":"ungestylte-seite-erscheint-bevor-die-gestylte-seite-geladen-wird","status":"publish","type":"post","link":"https:\/\/www.jukemedia.de\/blog\/2006\/08\/ungestylte-seite-erscheint-bevor-die-gestylte-seite-geladen-wird\/","title":{"rendered":"Ungestylte Seite erscheint bevor die gestylte Seite geladen wird"},"content":{"rendered":"<p>Im IE6 konnte ich beobachten, dass bevor die eigentliche Seite mit Design auf dem Bildschirm erschien, f\u00fcr einen kurzen Augenblick lang zun\u00e4chst der ungestylte Text zu sehen war.<\/p>\n<p>Informationen und Abhilfe fand ich in folgendem Artikel<br \/>\n<a href=\"http:\/\/www.webcredible.co.uk\/user-friendly-resources\/css\/internet-explorer.shtml\">[www.webcredible.co.uk]<\/a><\/p>\n<p>Demnach tritt dieses Ph\u00e4nomen immer dann auf, wenn man das Stylesheet mit @import einbindet.<br \/>\n<code>&lt;style type=\"text\/css\"&gt;@import \"styles.css\";&lt;\/style&gt;<\/code><\/p>\n<p>Der Grund f\u00fcr dieses Verhalten ist nicht bekannt.<br \/>\nAbhilfe kann man jedoch schaffen, indem man entweder einen Link Element und\/oder ein Skript-Element in den  Header des Dokumentes einf\u00fcgt.<\/p>\n<p><code>&lt;script type=\"text\/javascript\" src=\"scripts.js\"&gt;&lt;\/script&gt;<\/code><br \/>\n<code>&lt;link rel=\"stylesheet\" href=\"styles.css\" type=\"text\/css\" media=\"print\" \/&gt;<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Im IE6 konnte ich beobachten, dass bevor die eigentliche Seite mit Design auf dem Bildschirm erschien, f\u00fcr einen kurzen Augenblick lang zun\u00e4chst der ungestylte Text zu sehen war.<br \/>\nInformationen und Abhilfe fand ich in folgendem Artikel<br \/>\n[www.webcredible.co.uk]<br \/>\nDemnach tritt dieses Ph\u00e4nomen immer dann auf, wenn man das Stylesheet mit @import einbindet.<br \/>\n&lt;style type=&#8220;text\/css&#8220;&gt;@import &#8222;styles.css&#8220;;&lt;\/style&gt;<br \/>\nDer Grund f\u00fcr dieses Verhalten ist  &#8230; <a title=\"Ungestylte Seite erscheint bevor die gestylte Seite geladen wird\" class=\"read-more\" href=\"https:\/\/www.jukemedia.de\/blog\/2006\/08\/ungestylte-seite-erscheint-bevor-die-gestylte-seite-geladen-wird\/\" aria-label=\"Mehr Informationen \u00fcber Ungestylte Seite erscheint bevor die gestylte Seite geladen wird\">Weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[113],"tags":[159,220,14,150],"yst_prominent_words":[],"class_list":["post-3508","post","type-post","status-publish","format-standard","hentry","category-off-topic-2","tag-browser","tag-internet-explorer","tag-webdesign-2","tag-technik"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3508","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=3508"}],"version-history":[{"count":0,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3508\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=3508"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=3508"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=3508"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=3508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}