Icons - Darstellung im IE8

[flipmode]

Hallo,

ich bin noch Anfänger mit CSS/HTML. Die Entwicklung der Seite erfolgte bislang in FireFox. Neugierig versuchte ich die Seite mit IE8 zu öffnen und siehe da - das Template macht Probleme.

In FireFox 3.6.8 und Safari5 wird alles korrekt angezeigt - im IE8 nicht ( siehe Screenshot ) Selbiges Problem besteht auch im Header (Icons).

Das "Projekt" kann hier eingesehen werden. Bisher habe ich ich nur um den Footer und die "Headerbar" gekümmert.
Über die Forensuche habe ich dieses Thema gefunden, bin mir jedoch nicht sicher worin der Fehler tatsächlich liegt. Über einen Tipp würde ich mich freuen...

Viele Grüße

Jürgen

[willi2010]

Dafür gibt es einen ie8 css hack, der sieht so aus, ist aber nur ein Beispiel

#demo { color /*\**/: blue\9 } 

[flipmode]

Danke für den Tipp - ich versuche das mal!
Im FF funktioniert alles auf Anhieb - im IE8 und Safari allerdings nicht - die Fehlersuche ist nicht einfach!

[hero-master]

Hi Jürgen
Zunächst einmal solltest du ein paar Fehler ausmerzen: 13 HTML-Fehler
Ich denke mal, dass dadurch die ein oder andere Fehldarstellung sich in Luft auflöst, denn laut dem Screenshot liegt das eher nicht an einem Bug, da ist ja einiges komplett krumm und quer

edit: Ich würde die Finger von solchen Inline-Hacks lassen und auf Conditional Comments zurückgreifen, wenn du extra Definitionen für den IE machen willst

[willi2010]

Wenn Du noch Probleme hast, dann sag Bescheid.

[flipmode]

Gut.. ein Problem gelöst - das nächste steht an!

Und zwar sollte hier die Sprache zur Auswahl stehen. In Firefox wird alles korrekt angezeigt, in IE8 und Safari5 fehlt der Language - Expander.

@Nico - ja ich cecke selbst immer mittels Validator was alles so krumm ist - nur leider finde ich die Fehler nur sehr schwer, da ich mir noch nicht wirklich sicher bin. Für den "zerschossenen" Footer waren die Links der Icons verantwortlich... anstatt " ></a></li>" hatte ich "</a></li>". Firefox und Safari sind hier Kulant - der IE8 nicht!


http://www.bamboo-impressions.de

<div id="settings">
<ul>
  <!-- currency -->
  {if isset($smarty.session.Waehrungen) && $smarty.session.Waehrungen|@count > 1}
  <li>
  <a href="{$Waehrung->cURL}" id="currency" class="expander">{$smarty.session.Waehrung->cName}</a>
	<div id="ep_currency" class="expander_box">
	<div class="expander_inner">
	<p>
	{foreach from=$smarty.session.Waehrungen item=oWaehrung}
	<a href="{$oWaehrung->cURL}">{$oWaehrung->cName}</a>
		{/foreach}
		</p>
	</div>
</div>
</li>
{/if}

<!-- language -->
        {if isset($smarty.session.Sprachen) && $smarty.session.Sprachen|@count > 1}
             <li>
                  {foreach from=$smarty.session.Sprachen item=Sprache}
                        {if $Sprache->kSprache == $smarty.session.kSprache}
                           <a href="{$Sprache->cURL}" id="language" class="expander">
                              {*if $lang == "ger"}{$Sprache->cNameDeutsch}{else}{$Sprache->cNameEnglisch}{/if*}
                              <img src="{$currentTemplateDir}/themes/base/images/flags/{$lang}.png" height="12"   class="vmiddle" title="{if $lang == "ger"}{$Sprache->cNameDeutsch}{else}{$Sprache->cNameEnglisch}{/if}" />
                     </a>
                     {/if}
                     {/foreach}
                     <div id="ep_language" class="expander_box">
				<div class="expander_inner">
						{foreach from=$smarty.session.Sprachen item=oSprache}
							{if $oSprache->kSprache != $smarty.session.kSprache}
							<p><a href="{$oSprache->cURL}" class="link_lang {$oSprache->cISO}">{if $lang == "ger"}{$oSprache->cNameDeutsch}{else}{$oSprache->cNameEnglisch}{/if}</a></p>
       {/if}
       {/foreach}
    </div>
 </div>
</li>
{/if}
</ul>
</div>

[hero-master]

ja ich cecke selbst immer mittels Validator was alles so krumm ist - nur leider finde ich die Fehler nur sehr schwer, da ich mir noch nicht wirklich sicher bin

Du verstehst nicht, was der Validator ausspuckt? Wenn ja: Welche Punkte verstehst du daran nicht? Du solltest prinzipiell versuchen alle Fehler zu beheben. Derzeit werden mindetsens 3 Divs nicht gesschlossen (#page, #header_wrapper, #footer_wrapper) und ein Listenpunkt (#bpimpress) ist gar nicht von einem ul-Tag umschlossen

[flipmode]

Richtig - der Validator macht seine Arbeit gut. Ich konnte damit das Problem mit dem Language-Expander lösen.
Deine Erklärung hilft mir hier schon eher, schade ist nur das der Shop im Auslieferungszustand schon ein Chaos ist.

[hero-master]

schade ist nur das der Shop im Auslieferungszustand schon ein Chaos ist.

Wow, das ist ja echt bitter. Leider merkt man schon auf deren Hauptwebsite, dass sie nicht gerade sehr professionell sind...
Ich würde da eher auf den FWP-Shop oder Presta zurückgreifen

[willi2010]

Ich würde da eher auf den FWP-Shop oder Presta zurückgreifen

Ich denke, es geht Ihm um die Anbindung an die JTL Wawi und da nützt Dir FWP oder Presta nichts. Aber es gibt ja noch wirklich gute xt:C Forks, zum Beispiel xtc:Modified oder commerce:SEO. Die beiden Systeme setze ich immer ein. Oder statt xtc:Modified nimmst Du ialla.com da sind diverse Module schon mit eingebaut, unter anderem der Magnalister für Yatego und Amazon Exporte.

[flipmode]

Hallo,

richtig - es geht eigentlich darum die JTL-WaWi zu verwenden.
Als Einsteigershop denke ich ist der Shop nicht die schlechteste Wahl, wenn auch besseres auf dem Markt ist. OXID gefällt mir auch sehr gut, allerdings ist es eine Qual im Backend die Produkte und Druckvorlagen zu aktualisieren. Bedingt durch meine schlechte DSL-Verbindung ( gerade mal 1000er DSL ... ) kommt die Artikel und Auftragsverwaltung am lokalen Rechner ganz gut..

Für mich ist es aktuell wichtig CSS/HTML zu verstehen und soweit zu erlernen damit ich euch hier nicht ständig Nerven muss . Mittels Validator habe ich schon einige Probleme behoben - es sind noch 4 Errors übrig

[hero-master]

OXID gefällt mir auch sehr gut, allerdings ist es eine Qual im Backend die Produkte und Druckvorlagen zu aktualisieren

Ohja, damit habe ich auch schon gearbeitet. Das Frontend ist auch nicht das beste, aber schön leicht anzupassen. Das Backend ist auf Dauer echt nervig, aber man hat guten Support von den Entwicklern, wenn man Fragen hat.

Für mich ist es aktuell wichtig CSS/HTML zu verstehen und soweit zu erlernen damit ich euch hier nicht ständig Nerven muss . Mittels Validator habe ich schon einige Probleme behoben - es sind noch 4 Errors übrig

Dann ist es ja vlt. ganz gut mit so einem Krüppel herumzulaufen, um ihm wieder das Laufen beizubringen
Jetzt müssen nur noch ein paar Divs geschlossen werden


btw: Schau dir mal das Thema CSS-Sprites an. So hast du kein Flackern bei deinen Buttons, die du bei Moueover änderst

[flipmode]

Hallo Nico,

btw: Schau dir mal das Thema CSS-Sprites an. So hast du kein Flackern bei deinen Buttons, die du bei Moueover änderst

Danke für den Tipp, das gefällt mir sehr gut - ich werde an der Umsetzung arbeiten.

Ohja, damit habe ich auch schon gearbeitet. Das Frontend ist auch nicht das beste, aber schön leicht anzupassen. Das Backend ist auf Dauer echt nervig, aber man hat guten Support von den Entwicklern, wenn man Fragen hat.

Für OXID sollte es bereits einige gute Plugins geben, zumindest hatte ich das in einem Forum aufgeschnappt. Darunter soll auch eine WaWi-Anbindung für Lexware sein. VirtueMart sollte noch eine Alternative sein, wobei man dann mit dem Backend total überfordert ist, zumindest wenn man ständig Artikel einpflegen muss.

Dann ist es ja vlt. ganz gut mit so einem Krüppel herumzulaufen, um ihm wieder das Laufen beizubringen
Jetzt müssen nur noch ein paar Divs geschlossen werden

Ja Krüppel ist wohl der korrekte Ausdruck, ich hoffe das Aufpreispflichtige SEO-Modul erfüllt wenigstens seinen Zweck, andernfalls wäre man mit einer OpenSource - Lösung tatsächlich besser dran gewesen. Die letzten offenen Divs sind knifflig, teilweise fehlt mir der Überblick in der Datei. Ich sollte wohl mehr Kommentieren und auf die Formatiertung achten.

----> EDIT

Ein Fehler bleibt mir Rätselhaft, da ich davon absolut keine Ahnung hab.
Validator - 1 Error | there is no attribute "name" . Liegt es hier tatsächlich am Doctype. Ich habe auch alle target="_blank" entfernt, welche ja mit XHTML 1.0 Strict nicht erlaubt sind.