Jump to content

[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

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

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...

Important Information

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