[Résolu] Produits phares ok dans firefox, mais pas ok dans IE7

[pnr74 0]

Bonjour,

J'ai un soucis avec mes produits phares. Ils sont bien affichés dans firefox, ils ne sortent pas du footer, par contre dans IE7, ils passent par dessus le footer et débordent vers le bas. Cela provient du global.css, mais que modifier pour que ce soit ok, là je bloque.

Si quelq'un à une idée

merci

[Patric 569]

Ch'tite capture peut-être ?

[C2LABOMB 0]

tu as cas descendre ton footer
dans ton global.css
Cordialement
C2LABOMB

[C2LABOMB 0]

LIGNE 859

/* Footer */
#footer {
   border-top: 1px solid #d0d3d8;
   padding: 0.5em 0;
   clear: both;
}
#footer .block_various_links { list-style: none; }
#footer .block_various_links li a{ text-decoration:none; }
#footer .block_various_links li {
   display: inline;
   border-left: 1px solid #888;
   padding: 0px 2px 0px 4px;
}
#footer .block_various_links li.first_item {
   border: none;
   padding-left: 0px;
}

[pnr74 0]

voici un screenshot avec IE7

[pnr74 0]

voici mon footer :

/* Footer */
#footer {
   border-top: 0px solid #FFFFFF;
   font-size: 10px;
   font-weight: bold;
   padding: 0 0;
   clear: both;

}

#footer:hover {
   border-top: 0px solid #FFFFFF;
   font-size: 10px;
   font-weight: bold;
   padding: 0 0;
   clear: both;


   }

#footer .block_various_links { list-style: none; color: #000;}
#footer .block_various_links li a{ color: #000; text-decoration:none; }
#footer .block_various_links li {
   display: inline;
   border-left: 1px solid #888;
   color: #000;
   padding: 0px 2px 0px 4px;
}

#footer .block_various_links li a:hover{ color: #AAAAAA; text-decoration:none; }

#footer .block_various_links li.first_item {
   border: none;
   padding-left: 10%;
}

[Cédric Girard 21]

Bonsoir

Perso j'ajoute toujours une DIV ou autre balise spécifique (et vide) pour palier à ce genre de problème...

Une méthode parmi d'autres : utiliser une balise BR avec une classe spécifique :

Code HTML (à placer juste avant la fin du DIV affichant le contenu central dans ta boutique, chez moi il s'appelle #content) :

Code CSS :

br.clear {
   clear:both;
   font-size:0;
   height:0;
   line-height:0;
}

On peut aussi faire ça avec des DIV en utilisant une méthode similaire.

[pnr74 0]

Bonjour,

donc dans mon global CSS, il fau que je trouve mon block produit phare et que je rajoute ce code, ou bien est ce dans default block style ?

Merci beaucoup

[pnr74 0]

Si je change de thème, c'est tout bon, cela vient donc bien du thème et du fameux fichier global.css.
J'ai réussi a trouver le code CSS que tu m'as donné dans les deux fichiers ( j'ai essayer de comparer les 2 fichiers, celui qui est ok et celui qui ne l'est pas) je retrouve ce code dans mes 2 fichiers.

La j'avoue je bloque

[Cédric Girard 21]

Il faut que ce bout de code soit ajouté juste avant le du conteneur de ton block produits phares. Je ne sais pas si je suis clair ;-)

[pnr74 0]

je n'ai pas de dans mon global.css, mais j'ai bien trouvé mon block products in center column

[pnr74 0]

j'ai copié la partie qui fonctionnait à la place de celle qui ne marchait pas, puis j'ai fait les modifs

Merci

[Cédric Girard 21]

Je parlais d'insérer la partie HTML dans les fichiers de ton template, pas dans global.css ;-)

L'essentiel est que cela fonctionne !

[pnr74 0]

ok !

merci beaucoup en tout cas