IE, CSS3 und WP

Hallo Leute,

ich habe für eine von mir zu betreuende Website Wordpress als CMS laufen und ein eigenes Theme erstellt.

Da ich selbst Google Chrome nutze, habe ich während der Entwicklung natürlich gleich mal ein paar der (für mich) neuen Funktionen von CSS3 ausprobiert.

Genauergesagt habe ich @font-face, border-radius, box-shadow als blur-Effekt und linear-gradient benutzt.

Alles funktioniert auch zu meiner vollsten Zufriedenheit, Widgets, Plugins usw. fügen sich ins Design und leisten das, was sie sollen.

Die Anpassung der Styles an Firefox war auch simpel.

Jetzt möchte ich aber auch meine Seite im Internet Explorer genauso aussehen lassen !

Ich habe schon das PIE.htc script getestet. Ich habe die PIE.htc mit absoluten Pfaden und relativen Pfaden eingebunden und nichts hat funktioniert.

Hier mal ein Auszug aus meiner original style.css ohne PIE.htc Anpassungen

@font-face { font-family: OldEngl; src: url('oldengl.TTF'); }
@font-face { font-family: MedievalSharp; src: url('MedievalSharp.ttf'); }






[if IE] @font-face{ font-family: MedievalSharp; src: url('MedievalSharp.eot'); }
[if IE] @font-face{ font-family: OldEngl; src: url('oldengl.eot'); }






body { 
	min-height: 1000px;
	background: #400f00;
	background: -webkit-gradient(linear, left top, left bottom,
	                             color-stop(0, #400f00), color-stop(0.5, #400f00), 
                                     color-stop(1,#804000));
	background: -moz-linear-gradient(top, #400f00, #400f00 50%,
                                                            #804000 100%);	
	
	font-family: 'OldEngl';
	font-size: 75.01%;
}
 
#pagecontainer { 
	width: 1000px;
	min-height: 800px;
	margin: 0 auto;
	color: #FFFF80;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 10px 10px #ffff80;
	-webkit-box-shadow: 0 0 10px 10px #ffff80;
	box-shadow: #ffff80 0px 0px 10px 10px;
}

Wenn ich mich per ftp auf meinen Server einlogge muss ich mich wie folgt durchhangeln :

\html\Wordpress\wp-content\themes

die PIE.htc habe ich nun wie folgt eingebunden

behavior: url(/PIE.htc);

und kopiert habe ich sie in jeden Ordner ab html !

Kann es sein, dass vlt auf AJAX oder jQuery basierte Plugins sich nicht mit dem PIE script vertragen ??? Oder habe ich was falsch gemacht ????

Danke schomal und Grüße
Thorsten

gar keiner eine Idee ????

ich hab wirklich schon einige PIE Tutorials abgearbeitet, aber trotzdem ändert sich für mich im IE gar nix

Hallo Silencer,

danke für die Antwort.

Ich kenne diese Seite bereits. Sie erzählt auch nicht viel anderes als andere tutorials.

Das Problem ist, dass ich, wenn ich mir die seite mit dem IE anschaue, die CSS3 Effekte wie border-radius nicht angezeigt werden. Auch mit eingebundenem PIE Skript nicht.

Bei allen.

Außer dem 9er, der unterstützt ja CSS3 native

Schade.

Dabei sollte eigentlich nach der Entwicklerspezifikation, der PIE script eben genau die von mir gewünschten Effekte (border-radius, box-shadow, linear-gradient) für den IE verfügbar machen.

den IE8 konnte ich nicht testen. da ich selbst auf meiner Linux maschine eine IE6 Instanz und auf meiner Windows Maschine eine IE9 Instanz mit Kombatibilitäts modus laufen habe.

Silencer : Danke für den Link. Aber derzeit habe ich als Alternativlösung bereits zwei CSS Dateien am Laufen, da ja die Anzeige der Seite im IE ohne extra Anpassung bescheiden ist, wenn man sie auf CSS3 auslegt. Also ha be ich quasi eine CSS3 und eine CSS rudimentär Version extra für IE -.-