CSS - Sonderzeichen im content Attribut
Man lernt nie aus. Auch wenn man sich jahrelang mit CSS beschäftigt stößt man immer wieder auf Probleme die man vorher noch nicht hatte. In meinem Fall war das eben die Ausgabe von Sonderzeichen via content in der CSS ( Auch wenn unser aller Freund, der Internet Explorer, nicht damit umgehen kann – In manchen Fällen ist es doch hilfreich ).
Erster Versuch war natürlich das Sonderzeichen, z.B. ein Ü, wie gewohnt in der HTML Codierung Ü zu schreiben. Klappt nicht. Auch die Unicode-Notation Ü wurde nicht umgewandelt. Nach 10 Minuten war ich schlauer: In CSS werden die Sonderzeichen mit eines linksseitigen Schrägstriche (Backslash) kenntlich gemacht. Danach wird der Zahlencode linksseitig mit Nullen bis zu einer Gesamtlänge von sechs Stellen aufgefüllt.
Im Klartext: Ein Ü wird mit selector { content: "\0000DC"; } angegeben. Um den richtigen Code zu finden einfach das Zeichen raussuchen und den Dezimalwert in einen Hexadezimalwert umwandeln.
Anmerkung: Der default-Zeichensatz einer CSS Datei ist US-ASCII. Dieser Zeichensatz ist natürlich arg begrenzt. Dem kann man Abhilfe verschaffen in dem man den Zeichensatz mit @charset "UTF-8"; auf Unicode stellt. Für die deutschen Sonderzeichen reicht natürlich auch iso-8859-1 aus.
2 Kommentare
malykay
schrieb am 7.06.09 um 18:39 Uhr:
Da gebe ich dir hundertprozentig recht, man lernt nie aus. Was ich aber toll finde, überall, irgendwo im großen WWW. findet man die Antwort.
malykay
Manuel
schrieb am 9.06.09 um 15:02 Uhr:
Ich kann das zum Beispiel nicht leiden, wenn auf eine Homepage die Sonderzeichen nicht vernünftig dargestellt werden. Die Internetseite kann thematisch noch so interessant sein, da mag ich aber nicht mehr weiterlesen.
Manuel
