Darstellung von Farbverlauf, runden Ecken u. Schatten im FF 14 und IE8

[db-connection]

Hallo zusammen,

hab gestern festgestellt, dass meine Seite (http://cms.db-connection.de/) im FF 14 und im IE 8 die Farbverläufe, Schatten und runden Ecken nicht anzeigt. Das sollte doch mit der css3pie erfolgen und funktionieren???

Gruß Dirk

[magicsepp]

jaein... es ist teilweise leider tricky da wie immer der IE etwas zickt und man ein gutes CSS dafür braucht. Teilweise gabs auch mit den älteren Contao Versionen auch nach das ein paar Problemchen. Deshalb läßt sich da pauschal leider ohne Detailkenntnisse keine klare Antwort geben.

[db-connection]

Es funktioniert ja schon im ff nicht?
Und eigentlich sollte das mit PIE doch gehen?

Contao erstellt den Link selber: behavior: url("../../system/scripts/plugins/css3pie/PIE.htc");
und ich bin nicht sicher ob das stimmt, oder ob dieser dann geladen wird, kann aber nichts verändern.

[magicsepp]

hupps, da war ich dann auf dem falschen Dampfer...
die css3pie ist nur für IE7/8 die dererlei css garnicht verstehen. Der FF muss das allein können ansonsten passt da schon das CSS nicht.
Da wir die css3pi erst garnicht geladen.

[tblumrich]

Also mein FF14 zeigt die runden Ecken und den Schatten.
Wenn man die Entwicklertools von IE bemüht sieht man das auch die PIE eingebunden wird... es gibt/gab aber dazu hier im Forum schon umfangreiche Diskussionen, such mal, da wurden auch Lösungen bzw. Fehlermöglichkeiten aufgezeigt...

btw... Der IE zeigt aber bei dir noch ganz andere Sachen nicht korrekt (dein body), das liegt aber nicht an der PIE.

Gruß
Thomas

[db-connection]

Also mein FF14 zeigt die runden Ecken und den Schatten.

Haste recht, der zeigt nur den Farbverlauf nicht. Sollte der das nicht auch können? FF kann doch css3?

Der IE zeigt aber bei dir noch ganz andere Sachen nicht korrekt (dein body)

Meinst weil der Schatten fehlt. Diese bildet gleichzeitig den Rand.

Der IE öffnet auch nicht die anderen Seiten, bzw. die Linkt im Mainmenü sind nicht aktiv?

Ist nur komisch, dass das Menü einen Schatten hat aber sonst nichts.

[tblumrich]

Nutzt du für deine Anweisungen was anderes als den internen Editor?

[db-connection]

Nein, deswegen bin ich auch der Meinung, dass es funktionieren müsste.
Die pie wird ja automatisch erzeugt.

[jubel]

Dein Code:

background:-moz-linear-gradient(-90,#000,#4B4B4B,#F0F0F0);background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0,#000),color-stop(0.5,#4B4B4B),color-stop(1,#F0F0F0));background:-o-linear-gradient(-90,#000,#4B4B4B,#F0F0F0);background:linear-gradient(-90,#000,#4B4B4B,#F0F0F0);-pie-background:linear-gradient(-90,#000,#4B4B4B,#F0F0F0);

Versuch bei der Richtungsangabe mal top zu verwenden bzw. gib den -90 eine Einheit mit, z.B. "-90deg".

[db-connection]

Versuch bei der Richtungsangabe mal top zu verwenden bzw. gib den -90 eine Einheit mit, z.B. "-90deg".

Danke. Wir kommen der Sache näher.

Jetzt sieht nur der IE noch katastrophal aus. Der lässt sich davon nicht beeindrucken. Nur beim Menü funktioniert alles, der Verlauf, die Ecken und der Schatten.

[jubel]

Der IE führt leider ein merkwürdiges Eigenleben. PIE.HTC funktioniert nur manchmal.

Den Farbverlauf kann man zumindest für IE8 unf 9 hinkriegen indem man die Filter-Schreibweise benutzt, z.B.:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004593', endColorstr='#000055')

Spannend wird's dann nochmal, wenn FF16 und IE10 mit der neuen Syntax kommen, die brauchen nämlich wieder andere Winkelangaben:
http://www.peterkroener.de/aenderung...vendor-prefix/

[db-connection]

Nur als Info:

Durch die separate Eingabe von: "behavior: url(plugins/css3pie/PIE.htc);", im Bereich "eigener Code", bin ich einen Schritt weiter.
Der Befehl muss definitiv am Ende stehen.

Schatten und Farbverlauf funktionieren.

Danke an alle.
Dirk