Div confondu, mais pas partout

Résolu
t671 Messages postés 1476 Date d'inscription   Statut Membre Dernière intervention   -  
brute Messages postés 112 Date d'inscription   Statut Membre Dernière intervention   -
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 ?

7 réponses

brute Messages postés 112 Date d'inscription   Statut Membre Dernière intervention   13
 
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;
}
0
t671 Messages postés 1476 Date d'inscription   Statut Membre Dernière intervention   11
 
"z-index: 0;" ne change rien. Tout comme le "float: left".
D'ailleurs, ces deux expressions sont identiques, non ?
0
brute Messages postés 112 Date d'inscription   Statut Membre Dernière intervention   13
 
non, float:left, sert à mettre un div ou autre à gauche et z-index à superposer des éléments.
0
brute Messages postés 112 Date d'inscription   Statut Membre Dernière intervention   13
 
pourrais-tu mettre le code stp ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
t671 Messages postés 1476 Date d'inscription   Statut Membre Dernière intervention   11
 
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">&nbsp;ASSOCIATION  BRUMATH - KOTOKA</font></div>';
//echo '<div class="titre1_2" style="position: absolute; background-color: #FFFFFF"><font color="#33CC33">&nbsp;</font></div>';
echo '<div class="titre1_3" style="position: absolute; background-color: #FFFFFF"><font color="#800000">&nbsp;Président : Etienne WOLF</font></div>';
echo '<div class="titre1_4" style="position: absolute; background-color: #FFFFFF"><font color="#9933FF">&nbsp;« 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;
}
0
brute Messages postés 112 Date d'inscription   Statut Membre Dernière intervention   13
 
et ce qui se passe ? .menu est situé ou vraiment ? sur ou sous .bandeau ?
0
t671 Messages postés 1476 Date d'inscription   Statut Membre Dernière intervention   11
 
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 !
0
t671 Messages postés 1476 Date d'inscription   Statut Membre Dernière intervention   11
 
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 ++
0
brute Messages postés 112 Date d'inscription   Statut Membre Dernière intervention   13
 
de rien XD
0