pb sous FF mais pas sous ie6

**123quatre** · 12/08/2008, 12h16

Bonjour,

voilà mon code:

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
25
26
27
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>  
  <head>     
  </head>  
  <style>  
    <!--
       #conteneur{
       border: 1px red solid;
       width:500px;
       }
 
        #contenu{
       border: 1px blue solid;
       width:100px;
       float:left;
       height:100px;
       }
      //-->  
  </style>     
  <body>
    <div id="conteneur">le conteneur de la div
      <div id="contenu"> le contenu de la div
      </div>
    </div>  
  </body>
</html>

et voilà mon problème:
j'ai un affichage différent sous ff: la div contenu sort de l'espace de la div conteneur, alors que sous ie6 tout va bien...

quelqu'un pourrait me donner la raison ?

merci !!

**c_s_s** · 12/08/2008, 13h09

Bonjour,

En ajoutant un float:left à #contenu, ton bloc #conteneur ne s'adapte plus à la hauteur de son contenu.

Pour corriger ce petit problème, tu peux, par exemple, ajouter un overflow:hidden; sur #contenu.

Tu en sauras plus sur ce comportement en parcourant ces pages :

http://www.test.blog-and-blues.org/h...ts/float1.html
http://web.covertprestige.info/test/...-parent-1.html