Bug afficharge CSS IE6 et 7
fredodo13
Messages postés
89
Date d'inscription
Statut
Membre
Dernière intervention
-
Stéphane18 Messages postés 372 Date d'inscription Statut Membre Dernière intervention -
Stéphane18 Messages postés 372 Date d'inscription Statut Membre Dernière intervention -
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 !!!!!!!!!!!!!
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:
- Bug afficharge CSS IE6 et 7
- Photofiltre 7 - Télécharger - Retouche d'image
- Clé windows 7 - Guide
- Delphi 7 - Télécharger - Langages
- Télécharger 7-zip - Télécharger - Compression & Décompression
- Télécharger windows 7 32 bits usb - Télécharger - Systèmes d'exploitation
2 réponses
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:
La même chose pour ie7
Tu place tous ça entre <head> et </head>
<!--[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>
