Sujet Précédent Sujet Suivant

Bug afficharge CSS IE6 et 7

Fermé
fredodo13 Messages postés 89 Date d'inscription mercredi 17 mars 2010 Statut Membre Dernière intervention 12 octobre 2022 - 31 juil. 2010 à 16:37
Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 - 2 mai 2011 à 00:00
Bonjour,
Je viens de tester mon site avec IE tester qui simule le navigation avec plusisuers version de IE, je me rend compte que j'ai un gros pb d'affichage CSS de la page sous IE 6 et 7
Est ce que quelqun aurait une idée ?

Page exemple (vous allez vite comprendre) :
https://www.lesgorgesduverdon.fr/aiguines.html

Ma feuille CSS :
* { list-style-type: none; margin: 0; padding: 0 }
body { background-color: #D9E0E1; font: font-family: Arial 11px: }
#fond {
background:url("img/menu_droit.png") repeat-y scroll 702px 50% #FFFFFF;
border:1px solid #39676A;

margin:10px auto;
width:962px;
}
#fond2 {
background:url("img/village.jpg") no-repeat scroll 455px bottom transparent;

width:962px;
}
#header { width: 962px; height: 199px; background: url(img/header.jpg) no-repeat;text-align:right;font-family: Arial;font-size: 12px;}
#boite { width: 195px; background: url(img/boite_centre.png) repeat-y; margin: 10px 0 0 10px; float: left; }
#boite_haut { font-family: Arial; background: url(img/boite_haut.png) no-repeat; height: 30px; text-align:center; font-size: 18px; color: #FFF; font-weight: bold; font-variant: small-caps; }
#boite_bas {background: url(img/boite_bas.png) no-repeat; height: 7px; bottom}
#menu_droit { width: 120px; height: 600px;; margin: 10px 15px 0 0; float: right;}
.spacer { clear: both; }
#contenu { margin: 10px 159px 10px 219px; }





MERCI POUR VOTRE AIDE !!!!!!!!!!!!!


A voir également:

2 réponses

Réponse 1 / 2
Lesplusbeauxdictons Messages postés 369 Date d'inscription lundi 27 décembre 2010 Statut Membre Dernière intervention 6 septembre 2014 43
1 mai 2011 à 19:33
Bonjour. Le mieux est d'ignorer IE6 et IE7. Passe sous IE9 (ou IE8 si tu as XP).
0
Réponse 2 / 2
Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
1 mai 2011 à 23:57
Salut, a tu essayé de joué avec les valeurs des marges du bloc #contenu en utilisant les commentaires conditionnels par exemple pour ie6 tu peut réduire de quelques pixels les marges: 

<!--[if IE 6]>
<style type="text/css">
#contenu { margin: 10px 155px 10px 215px; } 
</style>
<![endif]-->

La même chose pour ie7 

<!--[if IE 7]>
<style type="text/css">
#contenu { margin: 10px 155px 10px 215px; } 
</style>
<![endif]-->

Tu place tous ça entre <head> et </head>
0
Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
2 mai 2011 à 00:00
Oups j'avais pas vu mais le post à déjà 1 ans :(
0

Discussions similaires

Problème Facebook rencontre
Margalle -
Jpf -

17 réponses
Problème musiques étranges sur story instagram
somnorun -
SN -

21 réponses
Iptv beug
leogauthier15 -
bazfile -

1 réponse
Problème avec "Facebook Rencontre"
xouxou77 -
4.Kat3ur -

7 réponses