28111 sujets

CSS et mise en forme, CSS3

Salut à tous,

J'ai un problème j'ai un menu horizontal déroulant. le sous menu se place derrière le corps de la page. (uniquement sur internet explorer)
Est ce quelqu'un pourra m'aider

Voila mon css :
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin-right:2px;
padding:0;
background-color:#7cae51;
}
#menu li a {
display:block;
width: auto;
color:white;
text-decoration:none;
padding:5px;
font-weight: bold;
}
#menu li a:hover {
background:#f84506;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;/*relative*/
z-index:100000;
}
#menu {
height: auto;
}
et mon code html :
<div id="menu">
<ul>
<li ><a href="introduction.php"><?php echo $_introduction[0] ?></a></li>
<li><a href="presentation.php"><?php echo $_presentation[0] ?></a></li>
<li><a href=""><?php echo $_calculator[0] ?></a>
<ul>
<li><a href="calculator.php"><?php echo $_calculator_biometrie[0]?> </a></li>
<li><a href="calculator.php"><?php echo $_calculator_FR[0]?> </a></li>
<li><a href="calculator.php"><?php echo $_calculator_Dose[0]?> </a></li>
<li><a href="calculator.php"><?php echo $_calculator_Ref[0]?></a></li>
</ul>
</li>
<li><a href="references.php"><?php echo $_references[0] ?></a></li>
<li ><a href="aboutus.php"><?php echo $_aboutus[0] ?></a></li>
<li><a href="contact.php"><?php echo $_contact[0] ?></a></li>
<li ><a href="legal.php"><?php echo $_legalnotice[0] ?></a></li>
<li><a href="help.php"><?php echo $_help[0] ?></a></li>
</ul>
</div>
Peut-être que je me trompe, mais je pense que c'est un problème de z-index

J'aurai mis un z-index sur #menu ul li:hover ul
Administrateur
Bonjour et bienvenue, Smiley smile

tu as posté du code PHP : seul le code HTML vu par le navigateur nous intéresse, le truc généré à partir du code PHP c'est-à-dire interprété par PHP. Merci de poster le code HTML donc. Et idéalement dans un Codepen/JSFiddle ou encore plus idéalement une page en ligne. Smiley cligne

Plus spécifiquement sur ton problème : quelle version d'IE ? J'en supporte 4 et elles se ressemblent pas des masses... (IE11 pas trop de soucis, IE8 y en a encore pas mal, IE9 on pourrait croire que mais en fait y a des soucis venus de nulle part)
Bonjour
le code html sans les ligne php donne :
et mon code html :
<div id="menu">
<ul>
<li ><a href="introduction.php">introduction[0]</a></li>
<li><a href="presentation.php">presentation</a></li>
<li><a href="">calculator</a>
<ul>
<li><a href="calculator.php">biometrie </a></li>
<li><a href="calculator.php">fonction R </a></li>
<li><a href="calculator.php">Dose </a></li>
<li><a href="calculator.php">Reference</a></li>
</ul>
</li>
<li><a href="references.php">references</a></li>
<li ><a href="aboutus.php">aboutus</a></li>
<li><a href="contact.php">contact</a></li>
<li ><a href="legal.php">legalnotice</a></li>
<li><a href="help.php">help</a></li>
</ul>
</div>


le problème que j'ai c'est surtout sur IE7 et IE8 et peut être les versions anciennes mais plus récentes pas de problème
j'avait essayé le z-index sur #menu ul li:hover ul pas de changement

j'ai la page en ligne ca peut vous donner une idée du problème http://79.132.242.162/renadaptor/rach/

Encore merci
Merci beaucoup j'ai trouvé une solution en jouant avec le z-index du menu et et j'ai utilisé des div pour le reste de la page sur lesquels j'ai mis des z-index inférieurs à celui du menu

merci