[Réglé] z-index ne marche pas sous IE ?
z-index ne marche pas sous IE ? [Réglé] - HTML/CSS - Programmation
Marsh Posté le 15-08-2006 à 22:27:27
c est quoi ces chiffres 
ca marche tres bien avec 1,2,3 hein
de plus je crois que ca s arrete a 4bits en hexa ...donc 65000 a peu pres au max
Marsh Posté le 15-08-2006 à 22:32:52
Ok, modifié avec #droite z-index:1
#menu et #menu dl, etc z-index:10
Toujours le même problème.
Message édité par ultratoonz le 15-08-2006 à 22:33:16
---------------
Consultant SEO
Marsh Posté le 15-08-2006 à 22:47:53
position:relative; float:right;
il faut savoir c est l un ou l autre ^^
le fait de changer la position sort ton div du flux
donc le z-index ne sert plus a rien
en retirant ton position relative ca marche impec
Marsh Posté le 15-08-2006 à 22:51:31
Ouais merci ça marche effectivement.
Je n'ai pas bien compris l'explication cependant. Le z-index n'est utile que pour les blocs présents dans le flux ?
---------------
Consultant SEO
Marsh Posté le 15-08-2006 à 23:28:08
non
tu peux preciser l index de deux elements en position absolue si tu veux
c ets quand tu essaies de positionner flux normal/hors flux que ca chie
Sujets relatifs:
- Lien hypertexte vers pdf [Reglé]
- [Résolu] [C#.Net] FileUpload ne marche avec certains types de fichiers
- Récupérer l'Index d'une ligne de DataGrid
- isset qui ne marche pas
- probleme avec mes balises php [ réglé ]
- Comment marche une DLL ou une LIB
- Une requete qui marche en local mais pas chez mon hebergeur
- droper les index d'une base oracle avec un script ksh
- [RESOLU]Mon formulaire ne marche pas si je met le enctype !
- index popup
Marsh Posté le 15-08-2006 à 20:19:52
Bonjour,
Je pense avoir réglé les z-index correctement cependant je rencontre un problème sous IE avec mon menu déroulant #menu. Celui-ci, quand il se déroule, passe sous la div #droite qui est située plus bas.
Vous pouvez voir le problème ici.
#droite { position:relative; width:585px; background-color:#CCCCCC; float:right; z-index:1;
}
#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
z-index:10000;
}
#menu {
position: absolute;
top: 95px;
left: 215px;
margin: 0;
padding: 0;
z-index:100000;
width: 636px;
margin-left: auto;
margin-right: auto;
}
#menu dl {
float: left;
width: 88px /*10em*/;
margin: 0 1px;
font-size:9px;
z-index:100000;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight:bold;
/*
font-weight: bold;
background: #ccc;
border: 1px solid gray;
*/
text-transform: uppercase;
z-index:100000;
}
#menu .avec_puce {
background-image: url('images/point-rouge-menu.jpg');
background-position: 0.5em 5px;
background-repeat: no-repeat;
}
#menu dd {
border: 1px solid gray; z-index:100000;
}
#menu li {
text-align: center;
background: #fff;
text-transform: capitalize;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
z-index:100000;
}
#menu li a:hover, #menu dt a:hover {
background: #eee; z-index:100000;
}
Message édité par ultratoonz le 15-08-2006 à 23:29:27
---------------
Consultant SEO