Div confondu, mais pas partout
Résolu
Bonjour,
J'ai un site qui comporte plusieurs div.
Quand j'affiche mon site en local sous IE ou Mozilla, celui-ci s'affiche correctement.
Quand j'affiche mon site sur le web, le site s'affiche correctement sous Mozilla, mais sous IE, la div de gauche passe au dessus de la div centrale .......
http://kotoka.free.fr/
Pourquoi ? Bug de IE ?
J'ai un site qui comporte plusieurs div.
Quand j'affiche mon site en local sous IE ou Mozilla, celui-ci s'affiche correctement.
Quand j'affiche mon site sur le web, le site s'affiche correctement sous Mozilla, mais sous IE, la div de gauche passe au dessus de la div centrale .......
http://kotoka.free.fr/
Pourquoi ? Bug de IE ?
7 réponses
-
je suis sous firefox et je n'ai pas ie donc pas moyen de voir mais est-ce un problème de z-index dans ton code css ? essaye :
#div_gauche { z-index: 0; } #div_milieu { z-index: 5; } -
"z-index: 0;" ne change rien. Tout comme le "float: left".
D'ailleurs, ces deux expressions sont identiques, non ? -
non, float:left, sert à mettre un div ou autre à gauche et z-index à superposer des éléments.
-
pourrais-tu mettre le code stp ?
-
echo '<div class="menu"> .................. </div>'; echo '<div class="bandeau">'; echo '<img src="images/village/images/13.jpeg" height="100"><img src="images/village/images/45.jpeg" height="100"><img src="images/village/images/40.jpeg" height="100"><img src="images/village/images/34.jpeg" height="100"><img src="images/village/images/41.jpeg" height="100"><img src="images/village/images/37.jpeg" height="100"><img src="images/village/album/images/41.jpeg" height="100"><img src="images/village/album/images/22.jpeg" height="100"><img src="images/village/images/22.jpeg" height="100">'; echo '<div class="titre1"><img src="images/kotoka2.jpg" height="80"></div>'; echo '<div class="titre1_1" style="position: absolute; background-color: #FFFFFF"><font color="#008000"> ASSOCIATION BRUMATH - KOTOKA</font></div>'; //echo '<div class="titre1_2" style="position: absolute; background-color: #FFFFFF"><font color="#33CC33"> </font></div>'; echo '<div class="titre1_3" style="position: absolute; background-color: #FFFFFF"><font color="#800000"> Président : Etienne WOLF</font></div>'; echo '<div class="titre1_4" style="position: absolute; background-color: #FFFFFF"><font color="#9933FF"> « De l \' humanitaire oui, mais pas n\'importe comment ! »</font></div>'; echo '</div>'; echo '<div class="frame">'; include($inc); echo '</div>'; .menu { position: absolute; z-index: 0; width: 160px; height: 94%; overflow: auto; } .bandeau { margin-left: 12%; height: 10%; } .frame { margin-top: 20px; margin-left: 160px; margin-right: 3%; height: 490px; font-family: Comic sans MS, verdana, arial, helvetica, sans-serif; overflow: auto; } -
Normalement, tu as le menu à gauche, le bandeau dans la partie droite en haut, et sous le bandeau, la frame.
Là, le bandeau et la frame sont bien placé, et le menu passe au-dessus ! -
J'ai résolu mon problème !!!!!
Dans la div menu du css, j'ai remplacé "position absolute" par "float: left".
Merci "brute" pour ton aide .......... ;o)
A ++
