Problème menu déroulant sur ie6

admh -  
 Utilisateur anonyme -
Bonjour,

Je viens de m'apercevoir que j'ai un problème de menu déroulant sur ie6, ainsi que de mise en page catalogue. Problème d'affichage du formulaire de contact aussi.

site internet: atoutservice13.com

css:

@charset "utf-8";
/* ============================================================================================================== */
/* ============================================== Général ======================================================= */
/* ============================================================================================================== */
/*
Jaune clair : FCF3D7
Jaune foncé : F7E194
gris : 646567
gris clair : B1B3B4
marron : 904F32
*/

body {
background:#FCF3D7;
margin: 0; padding: 0;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
* {margin:0; padding:0;}

a:link {color:#000066; text-decoration: none; cursor:pointer; }
a:visited {color:#000066; text-decoration: none; }
a:hover {color:#904F32; text-decoration: underline; }
img {border:none;}
p {margin-bottom:5px;}
h1 {margin-bottom:10px;}
.red {color:#990000;}

/* ============================================================================================================== */
/* ============================================== Structure ===================================================== */
/* ============================================================================================================== */
#logo {
position:absolute; top:0; left:0;
width:320px; height:100px;
z-index:10;
}

#nav {position:relative; background:#F7E194; height:53px; padding-left:320px; overflow:hidden; z-index:5;
-moz-box-shadow: 0 0 10px #000;
-webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
}

#mainMenu {position:relative; background:#646567; height:23px; margin-left:250px; padding-left:70px; z-index:3;}

#conteneurG {width:90%; height:auto; margin:30px 0 50px 5%; float:left;}
#block_left {width:30%; height:auto; margin:0 5% 0 0; float:left;}
#block_right {width:65%; height:auto; float:left;}

.block_1 {background:#F7E194;}
.pannel {background:#646567; height:25px; color:#ffffff; text-align:center;}
.padding {padding:10px;}

#footer {
position:fixed; bottom:0; left:0;
width:100%; height:26px;

background:#F7E194; border-top:8px solid #646567;
text-align:center; line-height:20px; font-size:10px; color:#000066;
}
/* ============================================================================================================== */
/* =============================================== Contenu ====================================================== */
/* ============================================================================================================== */

#block_left .block_1 {padding:10px 10%; margin:0 0 25px 0;}
#block_right .block_1 {padding:10px 5%; margin:0 0 25px 0;}
h3.pannel {line-height:22px;}

table.catalogue {
margin:10px 0;
background:#904F32;
color:#ffffff;
}
table.catalogue h2 {
color:#FCF3D7;
}
table.catalogue td.coef {
background:#FCF3D7;
border:1px solid #904F32;
color:#904F32;
}
table.catalogue td.img {
background:#FCF3D7;
}

img.galerie{
margin:10px 2%;

-moz-border-radius:8px;
-webkit-border-radius:8px;

-moz-box-shadow: 0 0 10px #999;
-webkit-box-shadow: 0 0 10px #999;
box-shadow: 0 0 10px #999;

filter:"alpha(opacity=60)"; /* L'opacité pour Internet Explorer*/
opacity: 0.70;
filter:alpha(opacity=60); /* L'opacité pour Internet Explorer*/
}
img.galerie:hover {
margin:10px 2%;

-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;

filter:"alpha(opacity=99)"; /* L'opacité pour Internet Explorer*/
opacity: 0.98;
filter:alpha(opacity=99); /* L'opacité pour Internet Explorer*/
}
td.img a img {
-moz-border-radius:8px;
-webkit-border-radius:8px;

filter:"alpha(opacity=60)"; /* L'opacité pour Internet Explorer*/
opacity: 0.70;
filter:alpha(opacity=60); /* L'opacité pour Internet Explorer*/
}
td.img a img:hover {
filter:"alpha(opacity=99)"; /* L'opacité pour Internet Explorer*/
opacity: 0.98;
filter:alpha(opacity=99); /* L'opacité pour Internet Explorer*/
}

/* ============================================================================================================== */
/* ================================================ Menu ======================================================== */
/* ============================================================================================================== */
#nav a {
display:inline-block;
margin:6px 30px; width:77px; height:37px;

background:url(../images/pages/nav.jpg) no-repeat;
}
#nav a:hover{background:url(../images/pages/nav-h.jpg) no-repeat;}
#nav img {margin:4px 0; max-width:70px;}

#mainMenu ul {width:110px; height:inherit; display:block; float:left; text-align:center; list-style:none;}
#mainMenu a {width:inherit; height:23px; line-height:20px; display:block; color:#ffffff; font-weight:bold;}
#mainMenu li {width:auto; height:23px; background:#646567;}
#mainMenu a:hover {color:#F7E194; text-decoration:none;}
#mainMenu li li img {float:right;margin:8px 5px;}

#menu_mod ul {list-style:none;}
#menu_mod .more {list-style-image:url(../images/pages/more.gif); list-style-position:outside;}
#menu_mod .less {list-style-image:url(../images/pages/less.gif); list-style-position:outside;}

#mainMenu li li{
filter:"alpha(opacity=60)"; /* L'opacité pour Internet Explorer*/
opacity: 0.70;
filter:alpha(opacity=60); /* L'opacité pour Internet Explorer*/
}
#mainMenu li li:hover{
background-color: #646567;
opacity: 1;
filter:alpha(opacity=99); /* L'opacité pour Internet Explorer*/
filter:"alpha(opacity=99)"; /* L'opacité pour Internet Explorer*/
}

/* ============================================================================================================== */
/* =============================================== Formulaire =================================================== */
/* ============================================================================================================== */
fieldset{margin:10px 0 30px 0; padding:20px;}
legend {margin:0 5px; padding:3px 15px;}
label {float:left; clear:left; width:180px; padding:5px;}
input {float:left; margin:3px 0;}
select {float:left; margin:3px 0;}
option {float:left; margin:3px 0;}
textarea{float:left;}

.submit, .reset {float:none;}

fieldset{
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
legend {
font-size:13px; font-weight:bold;

border:1px outset #000000;

-moz-border-radius:8px;
-webkit-border-radius:8px;
}
label:hover {background:#FCF3D7;}
/* ============================================================================================================== */
/* ============================================ Module Home Actu ================================================ */
/* ============================================================================================================== */
#homeactu h3 {text-align:center; margin:0 0 10px 0;}
#homeactu img {margin:0 0 10px 0;}
#homeactu p {text-indent:10px;}

/* ============================================================================================================== */
/* ============================================ Module Home Liens =============================================== */
/* ============================================================================================================== */
#homeliens img {margin:10px; width:70px; height:70px;}

Quelqu'un peut-il m'aider svp?

Ca marche nickel sur ie8 et tous les autres navigateurs (firefox, opéra, safari...)

A voir également:

2 réponses

Utilisateur anonyme
 
salut

on utilise ie8 maintenant.
0
admh
 
Merci de l'info, mais si je prend mon outil de stats, la moitié des personnes qui visitent le site sont sous ie6 ou ie7, et j'ai eu des plaintes de clients qui ne pouvaient pas me contacter via le formulaire.

Donc bien que je sais que nous sommes sous ie8 et que ie9 est en cours de développement respectant enfin le W3C, il faut penser aux personnes qui visitent les sites internet et ne font jamais leurs mises à jour de navigateur, et utilise soit ie6 soit ie7
0
Utilisateur anonyme
 
je ne vais pas pouvoir t aider d avantage, désolé.
0