Div confondu, mais pas partout

Résolu

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

Afficher la suite

7 réponses

Réponse 1 / 7
brute Messages postés 118 Statut Membre 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
Réponse 2 / 7
t671 Messages postés 1482 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
Réponse 3 / 7
brute Messages postés 118 Statut Membre 13

non, float:left, sert à mettre un div ou autre à gauche et z-index à superposer des éléments.
0
Réponse 4 / 7
brute Messages postés 118 Statut Membre 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 1482 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;
}

brute Messages postés 118 Statut Membre 13

et ce qui se passe ? .menu est situé ou vraiment ? sur ou sous .bandeau ?
0

Réponse 6 / 7
t671 Messages postés 1482 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
Réponse 7 / 7
t671 Messages postés 1482 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
1. brute Messages postés 118 Statut Membre 13
  
  de rien XD
  
  0

Div confondu, mais pas partout

7 réponses

Discussions similaires

Newsletters