Div confondu, mais pas partout

Résolu/Fermé
t671 Messages postés 1423 Date d'inscription lundi 25 février 2008 Statut Membre Dernière intervention 16 juillet 2024 - 28 févr. 2012 à 11:40
brute Messages postés 112 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 19 juillet 2012 - 28 févr. 2012 à 14:12
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 ?
A voir également:

7 réponses

brute Messages postés 112 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 19 juillet 2012 13
28 févr. 2012 à 11:46
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 1423 Date d'inscription lundi 25 février 2008 Statut Membre Dernière intervention 16 juillet 2024 11
28 févr. 2012 à 11:56
"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 samedi 8 mars 2008 Statut Membre Dernière intervention 19 juillet 2012 13
Modifié par brute le 28/02/2012 à 12:02
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 samedi 8 mars 2008 Statut Membre Dernière intervention 19 juillet 2012 13
28 févr. 2012 à 12:07
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 1423 Date d'inscription lundi 25 février 2008 Statut Membre Dernière intervention 16 juillet 2024 11
28 févr. 2012 à 12:20
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 samedi 8 mars 2008 Statut Membre Dernière intervention 19 juillet 2012 13
28 févr. 2012 à 13:08
et ce qui se passe ? .menu est situé ou vraiment ? sur ou sous .bandeau ?
0
t671 Messages postés 1423 Date d'inscription lundi 25 février 2008 Statut Membre Dernière intervention 16 juillet 2024 11
28 févr. 2012 à 13:25
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 1423 Date d'inscription lundi 25 février 2008 Statut Membre Dernière intervention 16 juillet 2024 11
28 févr. 2012 à 13:40
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 samedi 8 mars 2008 Statut Membre Dernière intervention 19 juillet 2012 13
28 févr. 2012 à 14:12
de rien XD
0