Die Konstellation WordPress Template auf Yaml Basis (das dreispaltige mit der 2-1-3 Reihenfolge der Spalten) und Safari führt dazu dass Safari die Seite unformatiert ausgibt.
Grund dafür ist folgender:
In der “Standardversion eines Templates steht ganz oben in der styles.css als Kommentar die Template Info mit Ersteller, Version etc., danach folgt dann das reguläre CSS.
Leider muss die Importanweisung für die Zeichenkodierung bei Safari UNBEDINGT ganz oben stehen, sonst frisst er das CSS nicht. Also gilt es hier noch vor dem Kommentar mit den Template Infos folgendes einzutragen:
@charset “UTF-8″;
Und schwupps haben wir auch schon eine formatierte Seite in Safari.
Das hier schreibe ich vor allem für mich (damit ich mich in ein paar Wochen selber bei Google finde) falls ich es mal wieder erfolgreich verdrägen, woran das denn noch mal lag!
Tags: CSS, kein CSS, Wordpress, Wordpress Templates, YAML —
February 6th, 2009 at 21:08
Hi,
danke, dieser Tipp war genau das, was ich gesucht habe. Habe gestern ein WordPress-Template auf YAML-Basis erstellt, und Safari hätte mich jetzt fast aus dem Konzept gebracht.
Gruß
Wolfgang Wagner
February 6th, 2009 at 21:36
[...] Die Lösung fand ich in diesem Blog-Eintrag. [...]
March 12th, 2009 at 16:13
Ziemlich gut, danke! Wichtig ist zudem, dass das folgende Kommentar mit /** eingeleitet wird. /* birgt dieselben Probleme.
Im Theme-Manager wird die Style.css auch noch ordentlich analysiert. Alles wunderbar also.
March 23rd, 2010 at 10:58
Danke für diesen hilfreichen Hinweis. Dieser Tipp hat mir viel Zeit für Fehlersuche erspart.