Problème menu déroulant sur ie6
admh
-
Utilisateur anonyme -
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...)
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:
- Problème menu déroulant sur ie6
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Canon quick menu - Télécharger - Utilitaires
- Enlever menu déroulant excel ✓ - Forum Word
2 réponses
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
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