Wo ist Peter Müller, wenn man ihn mal braucht? ;-) [CSS3 unter IE < 9]

**klaros** · 01.11.2012, 09:56

Ich habe hier ja einen - ~~leider bislang unbeanworteten Beitrag~~ - zur IE-Problematik geschrieben.
Deshalb jetzt mal allgemeiner ...

Macht es Sinn eine Tippsammlung für den IE < 9 anzulegen?
(Wahrscheinlich aus ökonomischer nicht mehr bis zum IE3 runter ...

)

Z. B. habe ich Probleme mit der Darstellung von runden Ecken und Schatten, die durch CSS3PIE ja gelöst werden müssten.
Wenn man weiß, dass bestimmte Boxen mit position:relative definiert sein müssen.

Leider scheint es aber da sogar Unterschiede zwischen IE7 und IE8 zu geben.

Ich persönlich kenne mich nicht routiniert genug aus, um hier "wasserdichte" Regeln zu finden.

Hat hier jemand Zeit, Erfahrung und Motivation ein paar Tipps abzulegen?

Was übernimmt Contao 2.11.X genau - als Vorbereitung für browserübergreifende Konformität?
Was sind die Voraussetzungen, damit CSS3PIE seine Aufgabe für alle (ab IE6 / IE7) Browser zuverlässig erledigen kann?

Grüße,
klaros

**magicsepp** · 01.11.2012, 12:52

Hallo Klaus,

die Vorraussetzung ist ein gutes CSS, dann gehen die Runden Ecken auch im IE7 und IE8 (wobei die css3pie nicht alles abdeckt).

Der wesentliche Unterschied zwischen IE7 und IE8 ist die Anzahl der Fehler die darin enthalten sind. Für viele Fälle gibt es Möglichkeiten (wie auch bei deiner Seite) die Probleme per CSS zu umgehen. Mehr Informationen zu diesem Thema finden sich meistens bei der allgemein bekannten Suchmaschine. Eine weitere Fehlerliste mit workarounds macht deswegen bei dem aussterbenden IE6/7 für mich keinen Sinn.

Hier ein Beispiel: most common IE bugs and how to fix

**klaros** · 01.11.2012, 19:18

Zitat von magicsepp

Mehr Informationen zu diesem Thema finden sich meistens bei der allgemein bekannten Suchmaschine. Eine weitere Fehlerliste mit workarounds macht deswegen bei dem aussterbenden IE6/7 für mich keinen Sinn.

Hier ein Beispiel: most common IE bugs and how to fix

Hmm ...
Och, schade!

Ich hatte mir, bevor ich mich im Forum gemeldet habe, den Wolf gesucht mit der oben genannten Tante.
Da kommt man dann zu Ergebnissen wie: "Es könnte am Dateipfad der .htc-Datei liegen."
Weil ich natürlich den Fehler erst mal bei mir und meiner mangelhaften Installation suche, habe ich hier einen Tag rumgedoktort.
Warum in meinem Fall in diplay:inline die Lösung ist, verstehe ich nicht (habe aber auch noch nix dazu gesucht ...

Der IE8 ist der letzte unter XP - der wird uns doch noch eine ganze Weile beglücken.
Als ich mit CSS angefangen habe - ich muss dazu sagen: immer hobbiemäßig - gab es ja hardliner, die auch für das letzt 0,1% der exotischen Browser eine wenigstens lesebare/brauchbare Umsetzung gefordert haben. Sind die alle wech?

Es hat eine Weile gedauert, bis ich ein Posting fand, das mich auf position:relative für die IEs gebracht hat. (Zur Umsetzung von runden Ecken und Schatten.)

Solche Tipps gebündelt, wäre noch eine ganze Weile noch eine (notwendige) Hilfe ...

@magicsepp:
Deinen Link werde ich mir mal für den Fall der Fälle aufbewahren.
Ansonsten wende ich mich in speziellen Fällen direkt an dich

. Dank nochmals.

Grüße,
Klaus

**jubel** · 02.11.2012, 07:59

Der IE8 ist der letzte unter XP - der wird uns doch noch eine ganze Weile beglücken.
Als ich mit CSS angefangen habe - ich muss dazu sagen: immer hobbiemäßig - gab es ja hardliner, die auch für das letzt 0,1% der exotischen Browser eine wenigstens lesebare/brauchbare Umsetzung gefordert haben.

Mit dem IE8 müssen wir - leider - noch eine ganze Weile leben, da bin ich deiner Meinung.

Ich habe auch schon vergeblich versucht herauszufinden, warum pie.htc nicht funktioniert und hab's inzwischen einfach aufgegeben.

Der Lesbarkeit und Benutzbarkeit schadet es schließlich nicht, wenn die Ecken nicht rund sind, die Hintergründe keinen Verlauf und die Boxen keine Schatten haben. Es sieht nur einfach nicht so schön aus.
Damit muss ich bzw. die leben, die mit XP arbeiten und trotzdem keinen aktuellen Browser (FF und Co.) installiert haben.

Es gibt ja inzwischen eine ganze Reihe von prominenten Seiten, die mit dem IE8 einfach nicht mehr (vollständig) funktionieren (hast du mal Google Analytics mit 'nem IE8 angeschaut?). Das ginge mir als Webbbauer dann allerdings zu weit, funktionieren muss es!

**klaros** · 02.11.2012, 16:03

Zitat von jubel

Der Lesbarkeit und Benutzbarkeit schadet es schließlich nicht, wenn die Ecken nicht rund sind, die Hintergründe keinen Verlauf und die Boxen keine Schatten haben. Es sieht nur einfach nicht so schön aus.

In meinem Fall werden die Ränder plus Schatten zur "schicken" Strukturierung von zusammengehörigen Inhalten verwendet.
Wenn die nicht mehr rund sind, ist das kein Problem.
Sie fehlten aber völlig! Das war mir dann aber zu knapp lesbar ...
Statt nun die Arbeit in eine andere Designform bei den konformen Browsern zu investieren (sieht doch schön aus), habe ich die Zeit in IE-Hacks gesetzt.
Wenn man weiß wo was steht und wie es geht, kriegt man ja doch einiges hin.

Hier steht z. B. wie man Rahmenrundungen nur auf einer Seite hinkriegt: http://css3pie.com/.
Es geht nur mit der Kurznotation (border-radius: 30px 0px 0px 30px).
(Das war der Mehrwert.)

Grüße,
Klaus

**Andreas** · 03.11.2012, 02:23

Zitat von klaros

...
Es hat eine Weile gedauert, bis ich ein Posting fand, das mich auf position:relative für die IEs gebracht hat. (Zur Umsetzung von runden Ecken und Schatten.)...

Das hättest du auch schneller haben können, wenn du beim Entwickler nach bekannten Problemen geschaut hättest. http://css3pie.com/documentation/known-issues/

Eine gute Idee ist auch css3pie im IE7 und 8 nicht zu aktivieren, sprich: dort auf die Verschönerungen zu verzichten. Wenn du dann noch auf html5shim verzichtest, was bei HTML5-output automatisch geladen wird, könnte der IE wieder richtig schnell werden.

css3pie kann auch schon mal bei JS-Plugins zu Problemen führen, weil mit css3pie ja unter Umständen ziemlich viele neue Elemente ins Markup generiert werden. Ein this.getParent() könnte da schon mal Probleme machen.

**jubel** · 03.11.2012, 07:18

Hallo Andreas,

Eine gute Idee ist auch css3pie im IE7 und 8 nicht zu aktivieren, sprich: dort auf die Verschönerungen zu verzichten.

Darauf bin ich auch schon gekommen, da es bei mir eh nicht funktioniert (kann ich mit leben), und deshalb nur nachteilig ist. Bloß habe ich bisher ganz einfach nicht den Schalter gefunden, wo ich das abschalte. Gibst du mir einen Tipp?

**klaros** · 03.11.2012, 11:35

Zitat von Andreas

Das hättest du auch schneller haben können, wenn du beim Entwickler nach bekannten Problemen geschaut hättest. http://css3pie.com/documentation/known-issues/

Jaahaaa. Dankeschön!

Leider fehlen mir Erfahrung, Routine und was weiß ich noch alles.
Bis ich verstanden hatte, was PIE.htc eigentlich ist, war schon alles zu spät.
Will sagen: Es wurde spät

.
Da das Zeug lokal eingebunden wird, habe ich erstmal mit contao im Suchstring gearbeitet und mich auf Treffer konzentriert, die mit Contao zu tun haben.

So langsam kommen hier ein paar Anmerkungen zusammen, die ich persönlich hilfreich finde.
Und wenn es nur ist, dass ich beim nächsten Mal mein Layout so gestalte, dass ich das PIE-Gedöns nicht mehr brauche.
(Das werden in meinem Fall nicht allzuviele "Projekte" sein ...)

Die Schulhomepage kriege ich so langsam auch unter dem IE in den Griff.
Mal sehen ob man mir von reingegrätschten Fehlern durch JS-Wirrwarr berichten wird.

Grüße,
Klaus

**Andreas** · 03.11.2012, 19:53

Zitat von jubel

Hallo Andreas,

Darauf bin ich auch schon gekommen, da es bei mir eh nicht funktioniert (kann ich mit leben), und deshalb nur nachteilig ist. Bloß habe ich bisher ganz einfach nicht den Schalter gefunden, wo ich das abschalte. Gibst du mir einen Tipp?

Nen Schalter kenne ich da auch nicht. Mit manuellen CSS-Dateien kein Problem, wird ja eingebunden mit der Eigenschaft behavior: url(plugins/css3pie/PIE.htc); Wäre vielleicht mal ein Feature-Request, dass man in den Formatdefinitionen ne Checkbox hat 'no css3pie'. Bisher wird behavior automatisch aufgeschaltet für CSS-Eigenschaften, die der IE nur mit css3pie schafft.