Designprobleme im IE.

[grolle]

Hallo,

hoffe ich habe zum Einstieg das richtige Forum getroffen. Also ich habe ein Designproblem, welches nur im Internetexplorer existiert. Ich vermute, dass es an einer fehlerhaften Javascript Implementierung liegt. Ich erhalte beim Ausführen der Seite den folgenden Fehler:

Meldung: 'style' ist Null oder kein Objekt
Zeile: 45
Zeichen: 117
Code: 0
URI: http://www.sederis-localize.de/tl_files/rounded_boxes/js/IE8.js

Kann mir jemand einen Tip geben, wo ich da weiter suchen muss? Ich denke mit CSS kann ich an dem Problem nix mehr ändern?!

Herzlichen Dank ...

[Andreas]

Hallo grolle,

willkommen im Forum.

Mach mal bitte erst die Fehler im Quelltext weg, die Seite validiert nicht. Dann das Slimbox rausschmeißen, hast ja die Mediabox, beide geht nicht. Dann das moo_anlalytics rausschmeißen, wenn du es einbinden willst, muss du erst eine Kopie des Templates erstellen und dort den Kommentar lesen, muss mit persönlichen Werten ergänzt werden und die Seite nat. bei Google auch angemeldet werden. Chosen kannst du wohl auch rausschmeißen, sieht nicht so aus, als wenn du das im FE brauchst, das frisst auch Resourcen. Dann schmeißt du am besten die rounded boxes raus, Contao macht runde Boxen im IE7 und 8 mit css3PIE. Von rounded boxen kommt ja auch die Fehlermeldung.

Ne gute Idee ist auch, dem IE7 und 8 erst gar keine Rundungen, Verläufe, Schatten usw. zu verpassen, sondern diese Sachen den modernen Browsern als Bonus sozusagen mitzugeben.

Versuche auch mal ne XHTML-Ausgabe anstelle von HTML5, da IE7 und 8 kein HTML5 können, wird das dort mit html5shim (JS) simmuliert, was auch viele Resourcen frisst.

Gruß von Andreas

[db-connection]

Dann schmeißt du am besten die rounded boxes raus, Contao macht runde Boxen im IE7 und 8 mit css3PIE. Von rounded boxen kommt ja auch die Fehlermeldung.

Ne gute Idee ist auch, dem IE7 und 8 erst gar keine Rundungen, Verläufe, Schatten usw. zu verpassen, sondern diese Sachen den modernen Browsern als Bonus sozusagen mitzugeben.

Morgen,

ich hab in der css den Befehl: behavior: url(plugins/css3pie/PIE.htc); von Hand eingetragen, dann stimmt auch der Pfad. Der steht zwar jetzt doppelt drin, weil Contao den auch noch selber erstellt, aber es funktioniert auch im IE.

Gruß Dirk

[grolle]

Danke noch mal für eure ausführlichen Antworten. Hat mir weitergeholfen!

[Andreas]

...ich hab in der css den Befehl: behavior: url(plugins/css3pie/PIE.htc); von Hand eingetragen, dann stimmt auch der Pfad. Der steht zwar jetzt doppelt drin, weil Contao den auch noch selber erstellt, aber es funktioniert auch im IE....

Der Pfad muss nicht doppelt in der CSS-Datei stehen. Jeder Selektor, der CSS3 benutzt, braucht die Eigenschaft 'behavior', wenn du die CSS3-Eigenschaften auf alte IEs aufsetzen willst.

#runde_ecke {
  border-radius: 5px;
  behavior: url(plugins/css3pie/PIE.htc);
}

http://css3pie.com/documentation/getting-started/