Affichage affreux sur Ie6 mais Ie7 et Firefox parfait

[jiojioforever]

Bonjour,
je développe un site sur une assurance.
Je me rend compte que mon site est parfait sous Ie7 er firefox mais pas du tout sur Ie6.

voici l'adresse du site

http://www.contrat-assurance-obseques.fr/test2

et une autre page test :

Voici mon css :

body {
margin: 0;
padding: 0;
background-image:url(image/bg.png);
background-repeat:repeat-x;
font-family: verdana;
font-size: 10px;
color : #666666;
}
#conteneur {
width: 800px;
margin-left: auto;
margin-right: auto; 
background-color:#FFFFFF;
}
#bandeau {
height: 110px;
background-color:white;
}
#menu {
height: 35px;
background-color:white;
}
#flash {
float:left;
height: 150px;
background-color:white;
}
#flash-vide {
float:left;
height: 20px;
background-color:white;
}
#rubrique {
width: 210px;
min-height: 400px;
height: auto !important;
height: 400px;
background-color:white;
float:left;
}
#contenu {
width: 580px;
background-color:white;
min-height: 400px;
height: auto !important;
height: 400px;
float:left;
}
#pied {
height: 50px;
clear:both;
}

pour mon menu :

.preload1 {background: url(prodrop4/pro_drop4_2a.gif);}
.preload1 {background: url(prodrop4/pro_drop4_2b.gif);}

.prodrop4 {padding:0 0 0 32px; margin:0; list-style:none; height:36px; background:transparent url(prodrop4/pro_drop4_back.gif); position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#666; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(prodrop4/pro_drop4_0a.gif) no-repeat;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:36px;background:url(prodrop4/pro_drop4_0b.gif) right top;}
.prodrop4 li a.top_link:hover {color:#000; background: url(prodrop4/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li a.top_link:hover span {background:url(prodrop4/pro_drop4_2b.gif) no-repeat right top;}

.prodrop4 li:hover > a.top_link {color:#000; background: url(prodrop4/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li:hover > a.top_link span {background:url(prodrop4/pro_drop4_2b.gif) no-repeat right top;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:150px;}
.prodrop4 ul.sub2 {width:185px;}

.prodrop4 :hover ul {left:0; top:35px; background: #E5EAF5; padding:3px; border:1px solid #3a93d2; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#3a93d2; color:#fff;}

 

[mahefarivony]

http://www.contrat-assurance-credit.fr/test2

marche po chez moi

 

[e-kiwi]

c est tout le site qui marche pas. surement erreur dans le nom de domaine

 

[jiojioforever]

effectivement une erreur avec un autre produit...

http://www.contrat-assurance-obseques.fr/test2/

 

[david96]

Sémantique HTML : http://validator.w3.org/
Fichier CSS : http://jigsaw.w3.org/css-validator/

:wink:

 

[jiojioforever]

la feuille de style contient aucune erreur pas contre la page php oui mais je ne comprends pas toutes les erreurs...

http://validator.w3.org/check?uri=http% ... ne&group=0

 

[bertimus]

Ben, en gros, t'utilises des attributs non autorisés (ex : height) et t'as oublié d'en renseigner quelques-uns (ex : alt)

 

[rikew]

ie ne connait pas min-height en version 6
il existe un hack :
http://blog.alsacreations.com/2004/08/1 ... t-explorer

 

[jiojioforever]

bon mon pb d'affichage est réglé mais j'ai tjrs un petit soucy niveau menu... mon menu déroulant ne s'affiche pas (genre sur NOS OFFRES ou encore LES CONDITIONS GENERALES)

http://www.contrat-assurance-obseques.fr/test2

 

[jiojioforever]

up :$

 

[jiojioforever]

on m'a dit que IE6 ne gérait pas le HOVER et qu'il fallait passer par du javascript pour ça :s

 

[zeb]

on m'a dit que IE6 ne gérait pas le HOVER et qu'il fallait passer par du javascript pour ça :s

il gère le hover mais sur les liens uniquement.

 

[jiojioforever]

erf et je peux faire ça comment alors ?

 

[zeb]

regarde mon www il passe sous ie6 aussi (le menu une fois passé la home)

 

[jiojioforever]

ouep j'en avais trouvé aussi un comme ça mais je prefere le mien qui possede des onglets.
Il est super beau

 

[zeb]

tes onglet c'est juste une histoire de backgroung image dans le css c'est vraiment pas un problème de codeur juste une histoire de design pour la mécanique en revanche ça fonctionne.