categorie_listing.html nicht IE valid und nur einspaltig ?

jenz · February 16, 2010

Hallo habe folgendes Problem - nachdem wir unsere categorie_listing so geändert haben das wir jetzt Kategorie Bilder haben funktioniert es im IE nicht mehr -

folgendes wollen wir erreichen :

immer 3 Kategorie bilder nebeneinander - Beschreibung der Kategorie dadrüber -

dadrunter 2 Spaltig Produkte aus dem sortiment oder neuheiten -

ich bzw. wir sind mit unserem latein am ende -

welcher code schnipsel fehlt uns denn bloß ?

ich suche schon seit stunden in diversen foren aber finde nichts -

diese 2 Varianten haben wir -

Erste

{config_load file="$language/lang_$language.conf" section="categorie_listing"}


<table width="60%" border="0" cellpadding="0" cellspacing="0">

  <tr valign="top">

    <td class="main"> <table width="60%" border="0" cellspacing="0" cellpadding="0">

        <tr valign="top">

          <td class="contentsTopics"><h1>{$CATEGORIES_NAME}</h1></td>

        </tr></table>{if $CATEGORIES_DESCRIPTION}{$CATEGORIES_DESCRIPTION}

      <br />

      <br />

	  {/if}

      {if $module_content !=''}

      <br />

      <table width="60%" border="0" cellspacing="0" cellpadding="0">

        <tr> 

	{assign var="col" value="0"}

	{foreach name=aussen item=module_data from=$module_content}

		{assign var="col" value="`$col+1`"}

		{if $col>1}

			<td><img src="{$tpl_path}img/pixel_trans.gif" width="1" height="1" /></td>

		{/if}

		{if $col>=4}

			{assign var="col" value="1"}

		</tr><tr>

			<td><img src="{$tpl_path}img/pixel_trans.gif" width="1" height="1" /></td></tr><tr>

		{/if}

          <td class="main" width="100">

		  	<table  width="60%" border="0" cellpadding="0" cellspacing="0">

                <tr>

                  <td>{if $module_data.CATEGORIES_IMAGE}<a href="{$module_data.CATEGORIES_LINK}"><img src="{$module_data.CATEGORIES_IMAGE}" alt="{$module_data.CATEGORIES_NAME}" /></a>{/if}</td>

                </tr>

                <tr>

                  <td bgcolor="#FFFFFF" style="padding:3px 0 3px 5px;"><strong><a href="{$module_data.CATEGORIES_LINK}">{$module_data.CATEGORIES_NAME}</a></strong></td>

                </tr>

                <tr>

                  <td >{$module_data.CATEGORIES_DESCRIPTION}</td>

                </tr>

              </table>

            </td>

		 {/foreach}

		 {if $col<4 && $col>0}

				{foreach name=spcarr item=spc from=$spaces}

		<td><img src="{$tpl_path}img/pixel_trans.gif" width="10" height="1" /></td>

		<td><img src="{$tpl_path}img/pixel_trans.gif" width="10" height="1" /></td>

		{/foreach}

		 {/if}

		 </tr></table>

       {/if}<br/>

    </td>

    <td class="main"> </td>

  </tr>

  <tr>

    <td><img src="{$tpl_path}img/pixel_trans.gif" alt="" width="1" height="1" /></td>

  </tr>

</table>

<table width="60%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td><!--{$MODULE_products_in_category}</td>

  </tr>

</table>[/PHP]

Mit dieser categorie_listing.html sieht es im Firefox gut aus - aber im IE ist alles verschoben - meine rechten boxen warenkorb etc. alles rutscht nach unten - zudem kommt das die produkte darunter unter bildkategorien nur einspaltig sind ?

2 te categorie_listing.html.

funktioniert einwandfrei im firefox und im IE nur leider sind alle Kategorie Bilder untereinander - ? ich glaube für jemanden der sich auskennt ist es ameinfachsten an der zweiten alles so zu basteln das die kategorien bilder wieder 3 spaltig sind - ?

[PHP]{config_load file="$language/lang_$language.conf" section="categorie_listing"}
<div class="productNew">
<div class="productNewHead">
{if $CATEGORIES_NAME}<h2 class="headlineProduct">{$CATEGORIES_NAME}</h2>{/if}
</div>
<div class="productContentPadleft">
<br />
{if $CATEGORIES_HEADING_TITLE || $CATEGORIES_DESCRIPTION || $CATEGORIES_IMAGE}
<div id="frameListHead" class="floatbox" >
{$CATEGORIES_HEADING_TITLE}<br />
{if $CATEGORIES_DESCRIPTION}{$CATEGORIES_DESCRIPTION}{/if}<br class="clearHere" />
</div>
{/if}

{if $module_content !=''}
<div class="catListing1">
{assign var="elementNow" value="0"} {* Zurücksetzen der Varible *}
{foreach name=aussen item=module_data from=$module_content}
{* Überprüfung welche Spalte derzeit aktuell ist *}
{if $elementNow == "0" }
<div class="subcolumns">
<div class="c50l">
<div class="subcl">
{elseif $elementNow == "1" }
<div class="c50r">
<div class="subcr">
{/if}
{* Content *}
{if $module_data.CATEGORIES_IMAGE}
<a href="{$module_data.CATEGORIES_LINK}">
<img src="{$module_data.CATEGORIES_IMAGE}" alt="{$module_data.CATEGORIES_NAME}" />
</a>
{/if}
<br />
{* Content END*}
</div>
</div>
{* Subcolums schließen *}
{if $elementNow == "1" }
</div>
{/if}

{* Spaltennummer ändern *}
{if $elementNow < "1" }
{assign var="elementNow" value="`$elementNow+1`"}
{else}
{assign var="elementNow" value="0"}
{/if}
{/foreach}
{* Leere Zellen einfügen *}
{assign var="but1" value="`$smarty.foreach.aussen.total+2`"}
{assign var="but2" value="`$smarty.foreach.aussen.total+1`"}
{* Wenn Spalten unvollständig füge leere Spalten hinzu *}
{if $but2%3 == 0 }
</div>
{/if}

{/if}

</div>
</div>

</div>[/PHP]

mein nervenkostüm wäre euch so dankbar wenn jemand eine lösung hätte

Vielen Dank schonmal an alle die antworten oder versuchen zu helfen -

vielleicht kann ja auch jemand mal ne ganz normale XT Cpommerce categorie_listing.html schicken - ?

jenz · February 16, 2010

Für alle die auch die Lösung brauchen - ich habe sie bekommen :

{config_load file="$language/lang_$language.conf" section="categorie_listing"}


<table width="100%" border="0" cellpadding="0" cellspacing="0">

  <tr valign="top">

   <tr valign="top">

          <td class="contentsTopics"><h1>{$CATEGORIES_NAME}</h1></td>

        </tr></table>{if $CATEGORIES_DESCRIPTION}{$CATEGORIES_DESCRIPTION}

      <br />

	  {/if}

      {if $module_content !=''}

      <br />

      <table width="100%" border="0" cellspacing="0" cellpadding="0">

        <tr> 

	{assign var="col" value="0"}

	{foreach name=aussen item=module_data from=$module_content}

		{assign var="col" value="`$col+1`"}

		{if $col>1}

			<td><img src="{$tpl_path}img/pixel_trans.gif" width="1" height="1" /></td>

		{/if}

		{if $col>=4}

			{assign var="col" value="1"}

		</tr><tr>

			<td><img src="{$tpl_path}img/pixel_trans.gif" width="1" height="1" /></td></tr><tr>

		{/if}

          <td class="main" width="100">

		  	<table  width="100%" border="0" cellpadding="0" cellspacing="0">

                <tr>

                  <td>{if $module_data.CATEGORIES_IMAGE}<a href="{$module_data.CATEGORIES_LINK}"><img src="{$module_data.CATEGORIES_IMAGE}" alt="{$module_data.CATEGORIES_NAME}" /></a>{/if}</td>

                </tr>

                <tr>

                  <td bgcolor="#FFFFFF" style="padding:3px 0 3px 5px;"><strong><a href="{$module_data.CATEGORIES_LINK}">{$module_data.CATEGORIES_NAME}</a></strong></td>

                </tr>

                <tr>

                  <td >{$module_data.CATEGORIES_DESCRIPTION}</td>

                </tr>

              </table>

            </td>

		 {/foreach}

		 {if $col<4 && $col>0}

				{foreach name=spcarr item=spc from=$spaces}

		<td><img src="{$tpl_path}img/pixel_trans.gif" width="10" height="1" /></td>

		<td><img src="{$tpl_path}img/pixel_trans.gif" width="10" height="1" /></td>

		{/foreach}

		 {/if}

		 </tr></table>

       {/if}<br/>

    </td>

    <td class="main"> </td>

  </tr>

  <tr>

    <td><img src="{$tpl_path}img/pixel_trans.gif" alt="" width="1" height="1" /></td>

  </tr>

</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td><!--{$MODULE_products_in_category}</td>

  </tr>

</table>[/PHP]

Diese Lösung ist auf jeden Fall IE valid barrierefrei -

Sign In

categorie_listing.html nicht IE valid und nur einspaltig ?

Recommended Posts

jenz

Link to comment

Share on other sites

jenz

Link to comment

Share on other sites

Archived

Browse

Activity