Bonjour,
Je sais qu'il s'agit d'un problème récurrent mais je me permet de vous demander de l'aide car je ne trouve aucune solution/
en gros ma page
Le problème c'est que j'ai un menu imbriqué sur la gauche de mon site quand la dernière section dispose d'un sous menu elle passe sous le footer et impossible de la passer au dessus sauf en mettant z-index sur le conteneur mais dans ce cas les input du footer deviennent inactifs.
Ce problème se trouve sur IE6 IE7
Voici une partie de mon CSS:
Si quelqu'un peut me filer un coup de main, je l'en remercie d'avance.
A.
Modifié par kyride (24 Jan 2014 - 15:15)
Je sais qu'il s'agit d'un problème récurrent mais je me permet de vous demander de l'aide car je ne trouve aucune solution/
en gros ma page
<html>
<body>
<conteneur><centre page>[menu gauche][contenu page à droite]</centre page></conteneur>
<footer></footer>
</body>
</html>
Le problème c'est que j'ai un menu imbriqué sur la gauche de mon site quand la dernière section dispose d'un sous menu elle passe sous le footer et impossible de la passer au dessus sauf en mettant z-index sur le conteneur mais dans ce cas les input du footer deviennent inactifs.
Ce problème se trouve sur IE6 IE7
Voici une partie de mon CSS:
div#container{
position:relative;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -286px;
width:1100px;
#z-index:1; /*IE6-IE7*/
}
div#centre_page{
float:left;
background:white;
min-height:600px;
width:100%;
}
div#menu_deroulant{float:left;width:180px;background: #e3e3e3;position: relative;z-index:2;}
div#menu_deroulant ul{float:left;background: #e3e3e3;}
div#menu_deroulant ul a {color:#343434;}
div#menu_deroulant ul ul {display:none;position: absolute; left: 180px;top:-1px;padding:0;margin:0;border:1px solid #B0B0B0;width:180px;background:#dcdcdc;-moz-opacity:0.95;opacity:0.95;filter:alpha(opacity=95);box-shadow: 1px 1px 12px #999;-moz-box-shadow: 1px 1px 12px #999; -webkit-box-shadow: 1px 1px 12px #999;border-radius:2px; -moz-border-radius:2px; }
div#menu_deroulant li {position: relative; width: 180px;height:30px;border-bottom:1px solid #f5f5f5;}
div#menu_deroulant li a{display:block;text-decoration:none;line-height:30px;padding:0 0 0 20px;width:130px;}
div#menu_deroulant li:hover,div#menu_deroulant li.sfhover {background: #f28484;}
div#menu_deroulant li:hover ul.niveau2,div#menu_deroulant li li:hover ul.niveau3,div#menu_deroulant li.sfhover ul.niveau2,div#menu_deroulant li li.sfhover ul.niveau3 {display: block;}
div#baisse_footer, div#footer{
position:relative;
height:286px;
width:100%;
min-width:1100px;
}
div#interieur_footer{
width:1100px;
margin : 0 auto;
height:286px;
background:#e1dcca;
color:#464646;
}
Si quelqu'un peut me filer un coup de main, je l'en remercie d'avance.
A.
Modifié par kyride (24 Jan 2014 - 15:15)
