Discussion :

[anchain]

Bonjour,
Je m'adresse à vous pour un problème que je n'arrive pas à résoudre sur Internet 7...

J'ai ce code html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div id="conteneurPrincipal">
  <div id="conteneurHeader">
            xxxxxx
 
      <span class="efface"></span>
      <div id="conteneurBandeau">
               &nbsp;bandeau
      </div>
 
      <ul id="navigation">
        <li class="ongletMenu"><a href="#">Accueil</a></li>
        <li class="ongletMenu"><a href="#">Retraite</a></li>
        <li class="ongletMenu"><a href="#">Loisirs</a></li>
        <li class="ongletMenu"><a href="#">Jeux</a></li>
        <li class="ongletMenu"><a href="#">Beauté</a></li>
        <li class="ongletMenu"><a href="#">Plan du site</a></li>
      <ul>
 
  </div>
      <span class="efface"></span>
   <div id="conteneurContenu">
    contenu ici
    </div>
</div>

le code css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
 
*{margin:0;padding:0;}
ul{list-style:none;}
 
body{font-family:Verdana;font-size:0.9em;}
#conteneurPrincipal {width:970px; border:5px solid #b8a896; margin:0 auto 20px auto; padding:8px;}
#conteneurHeader{background-color:black;height:60px;}
 
#conteneurBandeau{background-color:#ccc;width:970px;height:30px;margin-top:14px;color:red;}
 
#navigation{clear:both;position:relative;margin:10px 0 0 0;padding:0;list-style:0;height: 1.8em ; } 
#conteneurHeader #navigation li {float:left;width:156px;border:1px solid #600;margin-right:3px;color:#fff;background-color:#c00;}
conteneurHeader #navigation li a{display:block;background-color:#c00;color:#000;line-height:1em;font:1em "Trebuchet MS", Arial, sans-serif;padding:4px 0;text-align:center;}
conteneurHeader #navigation li a:hover, #navigation li a:focus{background:#900;}
#conteneurPrincipal #conteneurContenu{border:1px solid #000;height:50%}
 
#conteneurContenu{border:1px solid #000}

sous IE7 le menu de navigation sort du conteneur principal, et de plus la div nommé "conteneurContenu", toujours sous IE7 se retrouve au dessus de ce menu.
Je n'ai pas ce problème sous Firefox, ni IE8, ni Safari.
Quelqu'un voit le problème..je galère, je pense que j'ai pas compris quelque chose au niveau du flux...
Merci de votre aide

[anchain]

J'ai rajouté une règle pour la div 'conteneurContenu' :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

position:relative;margin-top:40px;display:block;

ça fonctionne;, mais sous Firefox et IE8, l'espace entre le menu 'navigation' et 'conteneurContenu' est beaucoup plus grand que sous IE7.
Je voudrais maintenant qu'il y ait le même espace!
Je cherche toujours; si quelqu'un a une idée , je veux bien tester
merci à tous de m'avoir lu