Bug IE8 - Disposition des DIVs
Bonjour à tous,
Avant de poster ce message j'ai essayé de suivre les tutos, m'intéresser au z index mais sans succès.
Je m'explique j'ai un menu déroulant CSS et sous ce menu une DIV contenant un slide show.
Le menu déroulant passe au premier plan sous firefox et en arrière plan de mon slide show sous IE.
Voici les codes CSS, je fais court :
* Menu déroulant :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
#menuhtc {background: #000; color: #6d6d6d; margin: 0; padding: 0;}
#menuhtc a, #menuhtc a:visited, #menuhtc a:hover {
text-decoration: none;
color: #6d6d6d;
}
#menuhtc a:hover {
text-decoration: none;
color: #acabab;
background: #000;
}
#menuhtc ul { margin:0;padding:0; }
#menuhtc ul li {
behavior:url('menu.htc');
background: #000;
position:relative;
display:inline;
font-size: 8pt;
padding:0px;
cursor:pointer;
text-align: left;
}
#menuhtc ul>li { display:table-cell; }
#menuhtc ul li:hover { color: #acabab; }
#menuhtc ul li ul {
top:expression(this.parentNode.offsetHeight+"px");
left:expression(0);
position:absolute;
visibility:hidden;
}
#menuhtc ul li:hover ul { visibility:visible; z-index:200; color: #acabab;}
#menuhtc ul li ul li { display:block;} |
* Slide Show (issu de Flowplayer)
Code:
1
2
3
4
5
6
7
8
|
.images {
POSITION: relative; MARGIN: 0px; WIDTH: 660px; BACKGROUND: #000; FLOAT: left; HEIGHT: 443px; CURSOR: pointer;
}
.images DIV {
POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: none; HEIGHT: 443px; TOP: 0px; PADDING-TOP: 0px; LEFT: 0px
}
... |
J'ai volontairement retiré mes z-index puisqu'ils ne fonctionnait pas je m'y suis surement mal pris. J'avais aussi essayé les csshover.htc ....
Bref je suis dans la panade et pas très doué il faut l'avouer pour le css. :oops:
Si une star du css pouvait m'aider ce serait super.
Un grand Merci
