Jump to content
Sign in to follow this  
pnr74

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

Recommended Posts

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

Share this post


Link to post
Share on other sites

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;
}

Share this post


Link to post
Share on other sites

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%;
}

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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 ;-)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Merci :)

Share this post


Link to post
Share on other sites

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

L'essentiel est que cela fonctionne !

Share this post


Link to post
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
Sign in to follow this  

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More