06
Feb
user Posted by sop category Category: Wordpress comments Comments (4)

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: , , , ,

4 Responses to “WordPress, Yaml und Safari – CSS Probleme”

  1. Wolfgang Wagner Says:

    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

  2. Wordpress, YAML und Safari | WoWa's-Webdesign Blog Says:

    [...] Die Lösung fand ich in diesem Blog-Eintrag. [...]

  3. Sebastian Says:

    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.

  4. Manfred Vau Says:

    Danke für diesen hilfreichen Hinweis. Dieser Tipp hat mir viel Zeit für Fehlersuche erspart.

Leave a Reply

© 2009 | Poller-Elli | Neues aus der Hafenstadt | "Dark Light" theme from ATILLUS