Jump to content

[RESOLU] Problème d'affichage Product-list avec IE7


Recommended Posts

Bonjour à tous,

Après avoir passé pas mal de temps à modifier l'affichage de ma product-list je suis enfin parvenu au résultat souhaité, seulement voilà en visualisant mon site sur IETESTER je m'aperçois qu'il y a un problème d'affichage avec IE7. La product-list dépasse sur le reste de la page et sur le footer (cf copie d'écran) même en ayant ajouté un joli "
" à la fin du tpl comme indiqué dans ce post http://www.prestashop.com/forums/viewthread/13784/.

Pour plus de détails sur le CSS, voici l'adresse du site : www.cadeaux-et-tendances.com/preprod

Voici mon product-list.tpl :

>{if isset($products)}
   <!-- Products list -->
</pre>
<ul>
   {foreach from=$products item=product name=products}


           {if $product.reduction_percent != 0}-{$product.reduction_percent}%{/if}
           {if $product.new == 1}{l s=''}{/if}
getImageLink($product.link_rewrite, $product.id_image, 'large')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" width="170" height="170" />
{$product.name|truncate:30:'...'|escape:'htmlall':'UTF-8'}
                                                                                 


{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}{if $product.price_without_reduction != $product.price}Au lieu de {convertPrice price=$product.price_without_reduction}{/if}


{l s='En savoir +'}
                   {if ($product.allow_oosp OR $product.quantity > 0) && $product.customizable != 2}
{l s='Ajouter'}
               {else}
{l s='Indisponible'}
               {/if}




   {/foreach}
</ul>
<br>   <!-- /Products list --><br>{/if}<br



Espérant qu'une âme charitable aura une réponse à me donner ou au moins une piste...

D'avance merci

39309_nutx3rU0UQVExeZy4Gzg_t

Link to comment
Share on other sites

Salut,

Boutique et thème sympa au passage...

Bon ton probleme vient de ton css (global.css)...

Aujourd'hui tu as :

ligne 1763...


ul#product_list {
   height: 350px;
   list-style-type: none;
   margin-right: 5px;
   margin-top: 2em;
}



ce "height: 350px;" génère ton bug sous IE7

Remplace cette ligne par : overflow: hidden ;

V++

Atch

Link to comment
Share on other sites

Merci Atch pour l'info, ca fonctionne bien.

Également merci pour votre remarque sur ma boutique et le thème qui à l'origine était le template "Summer", un thème que vous connaissez certainement... ;-)



Salut,

Oui je m'en suis aperçu après... lol Jolie transformation car je ne l'avais pas remarqué sur le coup.
ça m'a même donné envie de commander!!( et j'ai commandé lol)

Bonne continuation.

V++

Atch
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...