Ooops, durch den Bug h\u00e4tte ich fast einen Rollout verschieben m\u00fcssen: Dreamweaver CS4 passt unter bestimmten Bedingungen relative Dateipfade nicht richtig an.<\/p>\n
CSS-Browserweichen werden in Form spezieller HTML-Kommentare (‚Conditional Comments‘) in den Head-Bereich von Webseiten eingef\u00fcgt, z.B.: <\/p>\n
<!–[if lt IE 7]>
\n<link href=“..\/stylesheets\/ie6.css“ type=“text\/css“>
\n<![endif]–><\/p><\/blockquote>\nBug in Dreamweaver CS4<\/h2>\n
Dreamweaver erkennt diese Struktur jedoch nicht als Conditional Comments und passt daher ihren relativen Pfad (..\/stylesheets\/ie6.css) nicht an, wenn Webseiten verschoben oder \u00fcber ein Template erstellt bzw. aktualisiert werden.<\/p>\n
Folgender Template-Code<\/p>\n
<link href=“..\/style\/all.css“type=“text\/css“>
\n<!–[if lte IE 6]>
\n<link href=“..\/style\/ie6.css“ type=“text\/css“>
\n<![endif]–><\/p><\/blockquote>\nerscheint im Code abh\u00e4ngiger Webseiten dann beispielsweise mit fehlerhaftem Pfad als<\/p>\n
<link href=“style\/all.css“type=“text\/css“>
\n<!–[if lte IE 6]>
\n<link href=“..\/style\/ie6.css“ type=“text\/css“>
\n<![endif]–><\/p><\/blockquote>\n(Der Pfad zum ersten Stylesheet wurde von DW CS4 korrekt angepasst, der zweite nicht.)<\/p>\n
Workaround<\/h2>\n
Die Pfade in CSS-Browserweichen sollten als absolute Pfadangaben formuliert werden.<\/p>\n
Erl\u00e4uterung: Conditional Comments<\/h3>\n
‚Conditional Comments‘ sind eine valide Technik, um mit speziellen HTML-Kommentaren im Head-Bereich einer Webseite verschiedenen Versionen des Internet Explorer jeweils eigene ausgelagerte CSS-Definitionen zuzuordnen. Diese Kommentare werden von anderen Browsern ignoriert.<\/p>\n
Das Grundschema lautet:<\/p>\n
<!–[Bedingung<\/strong>]>
\n<link href=“..\/style\/ieX<\/strong>.css“ type=“text\/css“>
\n<![endif]–><\/p><\/blockquote>\nDie Bedingungen k\u00f6nnen folgenderma\u00dfen gebildet werden:<\/p>\n
[if IE] – alle Internet Explorer Versionen ab V. 5
\n[if IE 6] – alle Versionen 6.x
\n[if lt IE 7] – alle Versionen vor V. 7
\n[if lte IE 5.5] – alle Versionen bis einschlie\u00dflich V. 5.5
\n[if gte IE 5.5] – alle Versionen ab V. 5.5 (einschlie\u00dflich)<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"Ooops, durch den Bug h\u00e4tte ich fast einen Rollout verschieben m\u00fcssen: Dreamweaver CS4 passt unter bestimmten Bedingungen relative Dateipfade nicht richtig an. CSS-Browserweiche CSS-Browserweichen werden in Form spezieller HTML-Kommentare (‚Conditional Comments‘) in den Head-Bereich von Webseiten eingef\u00fcgt, z.B.:<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,37,4],"tags":[103,23,78,160,25,101,102,77],"class_list":["post-697","post","type-post","status-publish","format-standard","hentry","category-e-business","category-projektmanagement","category-webdesign","tag-conditional-comments","tag-css","tag-dreamweaver","tag-how-to","tag-html","tag-ie","tag-internet-explorer","tag-programmierung"],"_links":{"self":[{"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/posts\/697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/comments?post=697"}],"version-history":[{"count":1,"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/posts\/697\/revisions"}],"predecessor-version":[{"id":3929,"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/posts\/697\/revisions\/3929"}],"wp:attachment":[{"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/media?parent=697"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/categories?post=697"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/tags?post=697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}