Keine runden Ecken im IE8

[Rock Rebel]

Ich habe eine Seite komplett mit contao 2.11 neu gebaut.

Im Safari und FF werden mir die runden Ecken der Navi, Header, Container und Bilder korrekt angezeigt. Nur der IE8 sträubt sich. Wie stelle ich das an?

IE 9 konnte ich noch nicht testen. Browser unter IE8 möchte ich nicht mehr unterstützen.

[varix]

Hallo,

eine Lösung kann ich dir leider nicht bieten. Allerdings eine Übersicht von CSS-Befehlen und deren Funktion beim IE5 - IE8.
Wenn du unter Rahmen und Layout -> CSS 3 schaust, siehst du, dass der IE8 border-radius (runde Ecken) nicht unterstützt.
http://msdn.microsoft.com/de-de/libr...=vs.85%29.aspx

Grüße
varix

[x4all]

Wenn du mal in der CSS nachsiehst, wirst du merken, das runde ecken mit moz border radius geschaffen werden, und der IE sowas hier anzeigt:
behavior: url(plugins/css3pie/PIE.htc); -webkit-border-radius: 3px.

Damit kommt der IE8 einfach nicht klar. Ich habe bereits stunden damit verbracht, rauszufinden, warum das nicht funktioniert. IE9 kein Thema, der stellt alles richtig dar. Aber vergiss diese runde Ecken beim IE8. Diese PIE.htc bringt den IE8 teilweise zum Absturz.

Grüße
X4all

[varix]

Hatte auch immer die gleichen Probleme mit IE8 und konnt es gerade lösen.
Folgendes kann dir helfen:
http://css3pie.com/

Allerdings habe ich bei eigener Code den Befehl:
behavior: url(/PIE.htc);
druch
behavior: url(plugins/css3pie/PIE.htc);
ersetzt.

Funktioniert jetzt von IE7-IE9 (große, graue Hintergrundfläche mit Farbverlauf und runden Ecken, sowie der Button "weiterlesen" -> alles css (nicht der Bereich Suche)
Beispiel

Grüße
varix

[magicsepp]

das Problem ist das je nach Verwendung von "URL umschreiben" teilweise bei den 2.10er Versionen der Pfad zur PIE.htc nicht passt. Läßt sich aber leicht prüfen... darüberhinaus muss auch das css passen ansonsten liegen die rundn Ecken teilweise im Hintergrund. Wenn dies Hürden genommen sind funktioniert das prima im IE7 und IE8 - die anderen Browser können das sowieso.....

[varix]

Hallo magicsepp!

das Problem ist das je nach Verwendung von "URL umschreiben" teilweise bei den 2.10er Versionen der Pfad zur PIE.htc nicht passt. Läßt sich aber leicht prüfen

Da ich mit copy&paste und try&error arbeite kannst du den "Nichtwissenden (also mir)" vielleicht kurz sagen, wie man das machen kann. hilft sicherlich auch anderen.

darüberhinaus muss auch das css passen ansonsten liegen die rundn Ecken teilweise im Hintergrund.

Wie kann man das prüfen (Step by Step).

Vielen Dank im Voraus für deine Mühe.

Grüße
varix

[magicsepp]

Hallo varix,

Fiebug für ie = Entwicklertools (gibt es als Addon für IE8) die lassen sich die mit der Taste F12 aktivieren.
Die zu prüfenden Seite (Browsermodus auf 7 bzw 8 stellen) mit aktivierten Entwicklertools - Tab Netzwerk - Aufzeichnung starten
in der Liste nach folgener Zeile schauen:
/plugins/css3pie/PIE.htc GET 200 text/x-component
im Fehlerfall ist in der Ergebnisspalte ein 404 zu sehen.
PIE.jpg

wenn es im css zu Problemen kommt hilft setzen von z-index und zoom:1 usw.

[Rock Rebel]

Allerdings habe ich bei eigener Code den Befehl:
behavior: url(/PIE.htc);
druch
behavior: url(plugins/css3pie/PIE.htc);
ersetzt.

Ich habe jetzt generell in den entsprechenden css-Definitionen den eigenen Code mit behavior: url(plugins/css3pie/PIE.htc); ergänzt und jetzt läuft es wie geschnitten Brot.

Super und danke!!

[jasko]

Hatte auch immer die gleichen Probleme mit IE8 und konnt es gerade lösen.
Folgendes kann dir helfen:
http://css3pie.com/

Allerdings habe ich bei eigener Code den Befehl:
behavior: url(/PIE.htc);
druch
behavior: url(plugins/css3pie/PIE.htc);
ersetzt.

varix

Einfach toooollllll !!!! Vielen Dank >D
Es geht super einfach nur im Custom Code dass einfugen(mit gewunschten radius):

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

nur ich hatte probleme mit top-left und top-right aber es geht wenn ich es so mache :

-moz-border-radius: 20px 0 0 20px;
-webkit-border-radius: 20px 0 0 20px;
border-radius: 20px 0 0 20px;

[FerriZ]

Der Thread ist zwar schon ein paar Tage alt, hab aber gerade eine Lösung für das Problem gefunden, welches mich überhaupt hier her gebracht hat:

Problem war:
Seitenaufruf im IE sah so aus: Seite hat geladen, blitzte kurz sichtbar auf - dann sprang er auf die 404-Errormeldung ... vermutlich da er an der Stelle auf das PIE.htc File zugreifen wollte, dort aber der Server mit 404 Anwortete.

Auslöser war eine spezielle Rewrite Lösung (Mischung aus Contao-Url-Umschreiben und eigener .htaccess-Config) damit die Url folgendermaßen aussah: <domain>.com/shop

In der .htaccess sind standardmäßig einige Fileendungen definiert, für welche die URL nicht umgeschrieben wird:

<FilesMatch "\.(png|gif|jpe?g|js|css|ico|php|xml|csv|txt|gz|swf|flv|eot|woff|svg|ttf|htm)$">
    RewriteEngine Off
</FilesMatch>

Da Contao aber als PIE Quelle immer die .htc Datei angiebt: behavior: url("plugins/css3pie/PIE.htc");
Wird die Ausnahme nicht wirksam.

Lösung: Einfach htc in der Ausnahmenliste ergänzen:

<FilesMatch "\.(png|gif|jpe?g|js|css|ico|php|xml|csv|txt|gz|swf|flv|eot|woff|svg|ttf|htm|htc)$">
    RewriteEngine Off
</FilesMatch>

So war mein Problem jedenfalls gelöst.
Vielleicht hilft es ja noch dem einen oder anderen. =)