Thema: IE-Darstellungsproblem mit OL_menas Template

Hallo an euch alle - und nachträglich noch ein gutes neues Jahr!

Ich habe schon wieder mal Probleme mit dem IE. Noch versuche ich Lokal und habe beim Templat OL_menas ein großes Problem mit dem IE. Es werden nämlich die Hinterlegungen der Menüs in der linken und rechten Spalte rot hinterlegt dargestellt. Im Firefox ist das anders. Wie kann ich das ändern?

Hier der Link: http://www.joomla-templatedemo.de/?template=ol_menas

weiter unten hab ich auch das Template einmal im IE und einmal im FF dargestellt - links IE und rechts die schönere Variante im FF
mir fällt auf, dass in der CSS folgende Einträge zu finden sind:
...background: -moz-linear-gradient(#E1E1E0, #C1BDB6) repeat scroll 0 0 transparent;

...ist das etwas ein Befehl den nur Mozilla kennt?

vielen Dank für eure Hilfe

Walter
template.jpg

Zitat von walter6363

...ist das etwas ein Befehl den nur Mozilla kennt?

So ist es.
Der IE9 benötigt an der Stelle eine Grafik und somit seine eigene CSS-Datei. IE8 und IE7 kannst du mit Hilfe von PIE oder eben auch mit der Grafik anpassen.
PIE: http://www.bloggerschmidt.de/blog/it...-template.html


Axel

Hallo Axel!

Danke für deine Antwort! Ich habs genau nach Anleitung versucht aber:
1. hat die PIE.htc bei mir 39,7 kb - vielleicht die falsche?
2. habe ich wahrscheinlich einen falschen Code nach dem Head eingefügt ... siehe weiter unten (ev. stimmt der Pfad oder das ein oder andere Sonderzeichen nicht!)
3. so wie das in der Anleitung steht betrifft das nur den IE kleiner als 8 - ich hab den IE9 installiert und bei dem funkt das auch nicht!
<!--[if lte IE 8]>
<style type="text/css">
#wrapper2 {behavior:url(<?php echo $this->baseurl ?>/templates/ol_menas/js/PIE.htc" />)}
</style>
<![endif]-->

Danke

Das mit der PIE ist nicht ganz einfach. Aber meine Tutorialseite arbeitet komplett damit (Gradient, Schatten, abgerundete Ecken). Es geht also
Und damit das nicht unter geht: der IE9 kann "gradient" mittels PIE nicht verarbeiten. der braucht tatsächlich eine Grafik an der Stelle!

Ich habe es bei mir direkt in der CSS-Datei und nicht in der index.php eingebunden - hier ein Beispiel:

Code:

div#oben {
background: #999998;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#6983a5));
background: -webkit-linear-gradient(#fefefe, #6983a5);
background: -moz-linear-gradient(#fefefe, #6983a5);
background: -ms-linear-gradient(#fefefe, #6983a5);
background: -o-linear-gradient(#fefefe, #6983a5);
background: linear-gradient(#fefefe, #6983a5);
-pie-background: linear-gradient(#fefefe, #6983a5);
behavior:url(http://www.time4joomla.de/templates/t4j_2011/js/PIE.htc);
}

Es war notwendig den absoluten Pfad anzugeben. Der relative wurde nicht erkannt. Um die verschiedenen Browser zu bedienen, musst noch eine Brwoserweiche im head-Bereich der index.php einfügen:

Code:

<!--[if  ie 9]>
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template ?>/css/ie9_template.css" type="text/css" />
<![endif]-->

Und die PIE.htx ist wirklich nur so klein. Das passt also
Aber das Einfügen braucht etwas Geduld und Spucke. So einfach, wie es beim Bloggerschmid ausschaut, ist es tatsächlich nicht. Ich habe da auch ganz schön dicke Backen zwischendurch gemacht



Axel