IE (8) und CSS3

Beitrag von **sx06050** » 07.03.2010, 16:57

Hallo zusammen,

wie allseits bekannt, kann der IE leider div. CSS-Sachen nicht.

Konkret geht es mir um:
border-radius
und
box-shadow

OK, für box-shadow hab ich es jetzt so gelöst:
-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#818181, offx=0, offy=2)";
filter:progid:DXImageTransform.Microsoft.DropShadow(color=#818181, offx=0, offy=2);

Das sieht zwar auch nicht sondelich schick aus, ist aber besser als nix.
Zum border-radius ist mir leider nix brauchbares eingefallen.

Hat jemand eine Lösung zu radius oder eine bessere zu shadow?

Anmerkung:
Ich möchte keine Images einsetzten oder Java.

Ich hoffe jedenfalls, das im IE9 dies möglich ist und wenn´s geht auch noch W3C abgesegnet.

Immer dieser blöde IE - nix fortschrittliches und nur Ärger.

Thx

von **Anzeige von ABAKUS** »

SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002

persönliche Betreuung
individuelle Beratung
kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.

Beitrag von **Synonym** » 07.03.2010, 17:02

So was hier?
https://code.google.com/p/curved-corner/
Weiß aber nicht in wie weit das funktioniert.

Beitrag von **sx06050** » 07.03.2010, 17:17

Der funzt leider nicht
und recht viel falch machen kann man da ja ned
is ja nur runterladen, hochladen
code rein und pfad ändern
-> der will ned zumindest ned bei mir (is IE8 - ich hasse das Teil)

Beitrag von **Mork vom Ork** » 07.03.2010, 17:34

sx06050 hat geschrieben:wie allseits bekannt, kann der IE leider div. CSS-Sachen nicht.

Konkret geht es mir um:
border-radius
und
box-shadow

Immer dieser blöde IE - nix fortschrittliches und nur Ärger.

Man kann's mit dem IE-Gekloppe auch übertreiben.

Der Entwurf ist schon einige Jahre alt, aber beide Merkmale liegen seitens des W3C erst seit letztem Dezember als Wahlvorschläge für einen Standard vor.
Insbesondere aber bezeichnet nur ein einziger Browser seine Umsetzung auch als funktionsfähig, nämlich Opera. Bei Gecko und Webkit muss man (bzw. musste bis vor kurzem, den aktuellen Stand kenne ich nicht) auf proprietäre Eigenschaften zurückgreifen und bekommt damit Funktionen, die teilweise fehlerhaft sind und nicht immer das machen, was CSS3 vorsehen soll.
Bevor du dich damit rumschlägst, einem Browser etwas beizubringen, was er einfach nicht kann – wo die Situation also wenigstens eindeutig ist –, solltest du dich erstmal informieren, ob das, was anderswo scheinbar funktioniert, auch wirklich überall das tut, was es soll.

Und davon mal ganz abgesehen: Fehlender Schatten und eckige Ecken – man kann auch aus einer Mücke einen Elefanten machen.

Beitrag von **sx06050** » 07.03.2010, 17:45

Ok, ist schöner wohnen
Das mit Dez. hab ich nicht gewusst -> was gelernt

Richtig mud du
-moz-box-shadow
und
-webkit-box-shadow
machen

funzen tut´s (zumindest bei mir)
hier mal im Einsatz: https://www.der-banker.de/mastercard-green.html
(ist aber noch nicht ganz fertig)

Beitrag von **Hobby_SEO79** » 07.03.2010, 19:36

Oder einfach als Grafik machen und mittels background-Befehl (url) einbinden. Photoshop kann man ältere Versionen günstig erwerben und die bringens auch noch (z.B. ab 7.0).

Beitrag von **Synonym** » 07.03.2010, 19:41

Also bei mir funktioniert das im IE 8. In der Demo sind "rund Ecken" zu sehen. Schaut genauso aus wie im FF3.5

Beitrag von **sx06050** » 07.03.2010, 19:44

Ist auch ne Möglichkeit, wollte aber darauf verzichten
doofer ie, mit dem kannst du dich immer ärgern
finde halt die lösung via box-shadow etc. eleganter
warten wir halt ma auf ie9 (wann auch immer der kommt)
ie hat bei mir leider 35% der user und java haben 18% nicht
ist halt immer "unnötiger" code und rumgetippsle
bläht das ganze auf und erhöht die fehlerquote (jedenfalls bei mir, bin da nicht gerade 100%ig fit)

Beitrag von **Lord Lommel** » 07.03.2010, 21:20

Ich hab nochwas schlechtes im IE8 gefunden: Wenn man mit ASP und VB6 arbeitet, gibts im standardkonformen Modus Probleme mit serverseitigen Browserweichen.

Beitrag von **sx06050** » 07.03.2010, 22:46

@sysnonym
komisch, warum ists dann bei mir so???

werde der sache morgen mal etwas auf den grund gehen,
heut hab ich keinen nerv mehr dafür
und mücde bin ich auch schon

@lord
thx für den hinweis

ist immer das selbe kreuz it den browsern,
da will man den besucher was nettes fürs auge bieten (und mir mehr leads/sales)
und dann kann man sich mit dem zeug immer rumärgern
wird zeit, dass das zeug mal angepasst wird (ok, w3c - ist aber leider
nicht gerade der stand der technik)

Beitrag von **Lord Lommel** » 08.03.2010, 09:12

Jo, ich wäre der Einfachheit dafür, daß alle sich an die Standards von Microsoft halten und die dafür den IE mal vernünftig bauen.

Beitrag von **sx06050** » 08.03.2010, 09:25

Genau, da geb ich dir vollkommen recht.
Vor allem finde ich es schwach, dass round corner (ein sehr praktischer und geläufiger Befehl aus CSS3) entweder gar nicht oder nur über nen Extrabehehl zu bewerkstelligen ist.
Da will man seinen Code kurz halten und nicht die EDV zu Fuss Lösung via Bildchen gehen und dann so nen Mist.
Bildchen sind ja auch für die Ladezeit nicht gerade der Brüller.
Das Java bei ca einem fünftel deaktiviert ist, ok, das ist halt so. Mit dem muss man leben.
Das Bildchenzeugs mag ich überhaupt nicht, auch wenn ichs fürn Button verwende.
Hoffe mal auf dem IE9, vielleicht gehts dann.

Beitrag von **Mork vom Ork** » 17.03.2010, 10:06

Frohe Kunde: https://www.heise.de/newsticker/meldung ... 56425.html

Beitrag von **sx06050** » 17.03.2010, 10:23

Thx

sehr schön, bis jetzt war es ja nur ein Gerücht

....Sachen CSS beherrscht bereits die Preview-Version runde Ecken, mehrfache Hintergründe und alle CSS3-Selektoren.

Das wurde auch langsam mal Zeit.