Shop mit IE 10 nicht erreichbar

Kopernikus · Beitrag von **Kopernikus** » Mi 5. Jun 2013, 18:37

Meine Probleme scheinen kein Ende zu finden. Obwohl ich überhaupt kein Fan des Internet Explorers bin, prüfe ich meinen Shop hin und wieder auch mit diesem Browser. Nun habe ich soeben festgestellt, dass meine Seiten offenbar den IE 10 überhaupt nicht mögen. D.h. ich komme gerade mal auf die Homepage und dann ist finito. Zunächst dreht das Rädchen im Browser einige Sekundenlang im Kreis und dann wird die Seite ohne CSS Formatierung geladen. Aktuell bin ich mir noch nicht ganz sicher ob nur mein Browser zickt oder ob es sich hierbei tatsächlich um ein Problem handelt. Da ich gemäss Google Analytics sehr viele IE Besucher habe, wäre dies wohl ein grösseres Ausschlusskriterium.

Könntet Ihr kurz meinen Shop besuchen und mir mitteilen, ob da wirklich ein Problem besteht?

URL: http://www.engelis-naturshop.ch

Besten Dank im Voraus!

Kopernikus · Beitrag von **Kopernikus** » Mi 5. Jun 2013, 19:36

Soeben habe ich noch von anderer Seite bestätigt bekommen, dass meine Seite mit dem IE 10 nicht aufrufbar ist. Nun, wie ich festgestellt habe, gibt es im IE immerhin einen debugger mit welchem man solche Probleme eigentlich lösen könnte. Für mich könnte, da mir die Fehlermeldungen einfach zuwenig sagen.

IE Spuckt mir beim Aufrufen meiner Seite 3 Fehler aus (ursprünglich waren es 5).

Fehler 1 (dieser wird auch im Webs Demoshop angezeigt):
Fehlerode: HTML1524: Ungültiger DOCTYPE. Der kürzeste gültige Dokumenttyp ist "<!DOCTYPE html>".
Bemerkung: Offenbar gefällt dem IE10 dieser Doctype nicht:

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Allerdings dürfte dies nicht der Grund für meine Probleme sein, denn auf den Webs Demoshop kann ich ja zugreifen.

Fehler 2(HTML1512: Endmarkierung ohne Entsprechung. )
Hier gefällt dem IE folgende Zeile 64 offenbar nicht. Ich habe aber keine Ahnung was "Endmarkierung ohne Entsprechung" bedeuten soll und was an Zeile 64 nicht stimmen soll.

Code: Alles auswählen

Zeile 62 </script>
Zeile 63 </head>
Zeile 64 <body class="index">
Zeile 65 <div id="frame">
Zeile 66 <div id="main_container" class="container_16">
Zeile 67 <div id="head" class="grid_16 alpha omega">
Zeile 68 <h1 class="logo">

Fehler 3 HTML1514: Zusätzliche "<body>-Markierung gefunden. Pro Dokument sollte nur eine "<body>"-Markierung vorhanden sein.
Bemerkung: Bei Zeile 64 (siehe oben) <body class="index"> beginnt mein Body und bei Zeile 526 endet mein Body Tag mit folgenden Zeilen:

Code: Alles auswählen

<script type="text/javascript" src="templates/webs/javascript/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="templates/webs/javascript/jquery-ui-1.8.11.custom.min.js"></script>
<script type="text/javascript" src="templates/webs/javascript/jquery.countdown.js"></script>
<script type="text/javascript" src="templates/webs/javascript/jquery.countdown-de.js"></script>
<script type="text/javascript" src="templates/webs/javascript/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="templates/webs/javascript/template.js"></script>
</body>

Ich kapier echt nicht, was da falsch sein sollte?

Und so sieht meine Index.html aus:

Code: Alles auswählen

{header}
{body_classes}
{config_load file="$language/lang_$language.conf" section="index"}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de" dir="ltr"><head>

<div itemscope itemtype="http://schema.org/Organization">
<span itemprop="legalname"><title>{$META.title}</title></span>
{foreach from=$META.http_equiv item=m key=k}
    {if $m}
        
<meta http-equiv="{$k}" content="{$m}" />
    {/if}
{/foreach}

{foreach from=$META.name item=m key=k}
    {if $m}
        <meta name="{$k}" content="{$m}" />
    {/if}
{/foreach}

<base href="{$BASE_HREF}" />
{css}

<!--[if IE 6]>
<link href="{$tpl_path}css/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->

<!--[if IE 7]>
<link href="{$tpl_path}css/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->

<!--[if IE 8]>
<link href="{$tpl_path}css/ie8.css" rel="stylesheet" type="text/css" />
<![endif]-->

<link rel="shortcut icon" href="favicon.ico" />
{googleAnalytics account=UA-xxxxxx-x trackOrders=true}
{* piwik url=piwik.example.com id=1 goal=1 *}
</head>
<body class="{$BODY_CLASS}">
<div id="frame">
	{if $smarty.session.customers_status.customers_status_id == 0}
		{if $MESSAGES.warning}
			<div class="warnings">
				<div class="warnings_inner">
					{foreach from=$MESSAGES.warning item=item}
						<div class="warning">{$item}</div>
					{/foreach}
				</div>
			</div>
		{/if}
	{/if}

	<div id="main_container" class="container_16">
		<div id="head" class="grid_16 alpha omega">
			  <h1 class="logo">
                 <a href="{$BASE_HREF}" title="{$store_name}">{$store_name}</a>
                   </h1>
			{$box_LINKS}
			{$box_LANGUAGES}
			{$box_SEARCH}
			{$box_CATEGORIES_TOP}
			{$box_CART}
                        {$box_POPCART}
                        {$box_CATEGORIES_DROPDOWN} 
		</div>

		<div id="breadcrumb" class="grid_16">{breadcrumb separator='<span style="padding: 0.4em;">|</span>'}</div>

		{if $COL_LEFT}
		<div id="col_left" class="grid_4 alpha">&nbsp;
			{$box_CATEGORIES}
			{$box_LOGIN}
                        {$box_RSS}
			{$box_LAST_VIEWED}
			{$box_BESTSELLERS}
			{*$box_WHATSNEW*}
			{$box_WHATSNEW_OVERVIEW}
			
			{$box_SPECIALS}
			{*$box_CURRENCIES*}
			{*$box_MANUFACTURERS_INFO*}
			{*$box_MANUFACTURERS*}
			{$box_LIVE_SHOPPING}
			{*$box_INFORMATION*}
		</div>
		{/if}

		{if $MESSAGES.error}
			<div class="{$GRID_MAIN} alpha omega messages errors">
			{foreach from=$MESSAGES.error item=item}
				<div class="error">{eval var=$item}</div>
			{/foreach}
			</div>
		{/if}

		{if $MESSAGES.info}
			<div class="{$GRID_MAIN} alpha omega messages infos">
			{foreach from=$MESSAGES.info item=item}
				<div class="info">{eval var=$item}</div>
			{/foreach}
			</div>
		{/if}

		{if $MESSAGES.success}
			<div class="{$GRID_MAIN} alpha omega messages success">
			{foreach from=$MESSAGES.success item=item}
				<div class="success">{eval var=$item}</div>
			{/foreach}
			</div>
		{/if}

		<div class="{$GRID_MAIN} alpha omega">
			{$main_content}
		</div>

		<div id="taxnote" class="grid_16">{taxnote}</div>
		<div class="clear"></div>
	</div>

	<div id="foot">
		<div class="container_16">

			<div class="grid_4 alpha">
				<h3>Impressum</h3>
				{$smarty.const.STORE_NAME_ADDRESS|replace:"\n":"<br />"}
			</div>

			<div class="grid_4">
				{$box_CONTENT}
			</div>

			<div class="grid_4">
                   {$box_INFORMATION}
			</div>
			
			<div class="grid_4 omega">

			</div>

			{*
			<div class="grid_16 alpha omega">
				{$box_POPULAR}
			</div>
			*}

			<div class="grid_16 alpha omega">
				{$box_TAGCLOUD}
			</div>
			
		</div>
	</div>

	<div id="copyright">
		<div class="container_16">
			<img src="{$tpl_path}img/logo_small.png" alt="Engeli & Co NaturProdukte" />
			&copy; 2013 <a href="http://www.engelis-naturshop.ch" title="Engeli & Co NaturProdukte">Engeli & Co NaturProdukte</a> | 
<a href="https://plus.google.com/u/0/b/xxxxxxxx/xxxxxxxxxxxxx/posts" title="Engeli & Co NaturProdukte bei Google+" target="_blank"
 rel="publisher">Besuchen Sie uns auf Google+</a> | <a href="https://www.facebook.com/pages/Engeli-Co-Naturprodukte/268925939788426" title="Engeli & Co NaturProdukte bei Facebook" target="_blank"
 rel="publisher">oder auf Facebook</a> | <a href="https://s3.amazonaws.com/com.alexa.toolbar/atbp/9j9YlS/download/index.htm" title="Engeli's NaturShop Toolbar" target="_blank"
 rel="publisher">Engeli's NaturShop Toolbar</a> 
		</div>
	</div>

</div>
<div id="bg_head"></div>
{parse_time id="parse_time" class="grid_16"}

{$box_ADMIN}
{javascript}
<!-- Start Alexa Certify Javascript -->
{literal}
<script type="text/javascript">
_atrk_opts = {atrk_acct:"xxxxxxxxx", domain:"meine-domain.ch",dynamic: true};
(function() { var as = document.createElement('script'); as.type = 'text/javascript'; as.async = true; as.src = "https://d31qbv1cthcecs.cloudfront.net/atrk.js"; var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(as, s); })();
</script>
<noscript><img src="https://xxxxxxxx" style="display:none" height="1" width="1" alt="" /></noscript>
<!-- End Alexa Certify Javascript -->
{/literal}
</div>
</body>
</html>

Könnt Ihr sehen, was ich nicht sehe?

PS: Offenbar ist der Zugriff auch mit dem IE9 nicht möglich.
@Peter Besten Dank für die Prüfung

Beitrag von **Xantiva** » Mi 5. Jun 2013, 20:27

Was soll denn der DIV und der SPAN im HEAD - Bereich??? Schmeiss den Mist mal da wieder raus ... Der Rest sind dann ggf. Folgefehler.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de" dir="ltr"><head>
<div itemscope itemtype="http://schema.org/Organization">
<span itemprop="legalname"><title>Biotope & Pools | Engelis NaturShop | Effektive Mikroorganismen & Naturprodukte</title></span>
<meta http-equiv="content-language" content="de" />

Kopernikus · Beitrag von **Kopernikus** » Mi 5. Jun 2013, 21:03

[quote="Xantiva"]Was soll denn der DIV und der SPAN im HEAD - Bereich??? Schmeiss den Mist mal da wieder raus ... Der Rest sind dann ggf. Folgefehler.

Du hast es wiedermal auf den Punkt gebracht - es war Mist

Diese Rich Snippets bringen mich noch um den Verstand. Schluss erstmal, alles raus und der Shop läuft wieder. Nur die Doctype mag IE nach wie vor nicht. Immerhin generiert dieser jedoch keinen Fehler.

Apropos Doctype: Könnte man diese Zeile nicht einfach durch die HTML 5 kompatible <!DOCTYPE html> ersetzen?

Herzlichen Dank Mike! Du hast mal wieder meine Nerven saniert

Beitrag von **Xantiva** » Mi 5. Jun 2013, 21:11

Die Syntax von HTML 4, XHTML1.x oder HTML 5 ist nun mal etwas unterschiedlich. Das Webs Template ist auf XHTML ausgerichtet. Also mal eben ein HTML5 Doctype angeben wäre wieder "Mist"

Statt auf HTML 5 zu schielen, solltest Du zunächst mal versuchen, den Shop wieder "valide" zu machen. Wenn das wieder gegeben ist, dann kannst Du über HTML 5 nachdenken ...

http://validator.w3.org/check

Kopernikus · Beitrag von **Kopernikus** » Mi 5. Jun 2013, 21:19

Oh weia, in der Tat, besten Dank!

Darf ich Dich in diesem Zusammenhang kurz noch was fragen? Ich habe in meinem Firmennamen ja ein kaufmännisches und (&). Nun, wenn ich dieses mittels dem html Zeichensatz "&" im Admin unter "Name des Shops" eintrage, wird der Zeichensatz leider nicht umgewandelt. Ich weiss deshalb nicht, wie ich dem Validator hier gerecht werden kann. Muss ich dieses Zeichen irgendwie anders ausschreiben?

Beitrag von **Xantiva** » Do 6. Jun 2013, 19:29

Versuche es mal mit der Smarty Funktion escape: http://www.smarty.net/docsv2/de/languag ... ier.escape

Code: Alles auswählen

<title>{$META.title|escape:"html"}</title>

Kopernikus · Beitrag von **Kopernikus** » Do 6. Jun 2013, 21:41

Super, das hat funktioniert.

Doch wie wende ich diese Regel hierauf an? <img src="{$tpl_path}img/Frontbanner.jpg" alt="Engeli & co NaturProdukte" title="Engeli & co NaturProdukte"/></div> Mit   ist zwa der Validator zufrieden, doch im Titel und im Alt Tag fehlt das & dann einfach.

EDIT: Problem gelöst: Nicht   sondern & muss es sein

WEB-Software Support

Shop mit IE 10 nicht erreichbar

Shop mit IE 10 nicht erreichbar

Re: Shop mit IE 10 nicht erreichbar

Re: Shop mit IE 10 nicht erreichbar

Re: Shop mit IE 10 nicht erreichbar

Re: Shop mit IE 10 nicht erreichbar

Re: Shop mit IE 10 nicht erreichbar

Re: Shop mit IE 10 nicht erreichbar

Re: Shop mit IE 10 nicht erreichbar