Problem text-shadow Safari/Firefox (MacOSX)

Hahnsele · #1 (**permalink**) 26.05.2009, 21:12

Hi,

ich habe ein kleines Problem:
Auf meiner Seite Round the bend habe ich den Text teilweise so gestaltet, dass die Schrift so aussieht ("eingedrückt") wie in Mac OS X.
In Safari 4Beta wird das auch richtig dargestellt, in Firefox 3.07 allerdings nicht. Das gilt zumindest für MacOSX 10.5.7, wie es unter Windows aussieht weiss ich nicht.

Hier ist mal ein direkter Vergleich, links Safari und rechts Firefox (lasst euch von dem schwarzen balken nicht irritieren):

Und hier der dazugehörige CSS-Code:

HTML-Code:

margin:0;
padding:10px 20px;
font:bold 1.75em "Helvetica Neue", Helvetica, Arial;
color:#FFF;
text-shadow: #7e0f0f 0 -1px -1px;
display:block;
background:#be1515;

Ich hoffe ihr wisst worauf ich hinaus will

und könnt mir helfen.

Danke schonmal

EvT · #2 (**permalink**) 26.05.2009, 21:38

Meines Wissens wird text-shadow erst ab Firefox 3.1 alpha unterstützt.
Des Weiteren in Opera ab 9.5, Safari ab 3+, Konqueror und iCab.

Hahnsele · #3 (**permalink**) 26.05.2009, 22:34

Danke für die Antwort, das ging ja schnell.

Hab mir jetzt die neueste Beta (3.5b4) geladen und ausprobiert. Bei den Texten mit

HTML-Code:

text-shadow: #xxxxxx 0 1px 1px;

wird die Schrift jetzt korrekt angezeigt.

Allerdings bei Texten mit

HTML-Code:

text-shadow: #xxxxxx 0 -1px -1px;

(wie bei dem Beispiel-Bild) ist es immer noch falsch, sogar etwas extremer. Ich glaube der Schatten wird einfach in die falsche Richtung geworfen.

Weiss da jemand etwas genaueres? Ist es evtl. ein Beta-Bug?

EvT · #4 (**permalink**) 26.05.2009, 23:22

Die Browserhersteller sind sich in Detailfragen der Umsetzung von CSS-3-Eigenschaften noch nicht einig, was ja auch verständlich ist, solange CSS 3 sich noch in der Entwicklung befindet.

Zitat:

At the time of this writing:

* Opera 9.x supports a maximum of 6 shadows and adheres to the CSS2 painting order (the first specified shadow is on the bottom).
* Gecko 1.9.1 (Firefox 3.5) theoretically supports infinite shadows (don't try it) and adheres to the CSS3 painting order (the first specified shadow is on top).

Quelle: developer.mozilla.org/ CSS/Text-shadow

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Div Float Clear usw... Ich dreh durch ;)	buggix	CSS	14	11.02.2010 09:42
frage zur umsetzung (siehe anhang)	mmiethe79	CSS	4	01.04.2009 16:10
Problem mit div und Höhe	deep4	CSS	2	13.11.2007 21:03
Grafik in einer Tabellenzelle rechts unten ausrichten ?	Worance	CSS	1	19.11.2006 16:09
bild über 2 div-tags positionieren	MoJo	CSS	7	12.06.2006 17:48