Pb pour adapter la largeur d'un div à celle de son parent sous IE6

Martala

2 Nov 2009 à 12:19

Hello,

Dans mon code ci-dessous je voudrais que le footer ainsi que le header prennent la même largeur que le contenu. Je n'y arrive pas sous IE6 et ce, même en mettant le style width à 100%.

Existe-t-il une solution?

Merci d'avance



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
  <style type="text/css">

    #conteneur_principal{
    
      border : 1px solid red;
      height : 100px;
      width : 100%;
    }
    #header{
      background-color : green;
      height : 100px;
      width : 100%;
    }
    #contenu{
       background-color : blue;
       height : 400px;
       width : 2500px;
    }

    #footer{
      background-color : yellow;
      height : 100px;
      width : auto;
    }
  </style>


</head>
<body>

  <div id="conteneur_principal">
    <div id="header"></div>
    <div id="contenu"></div>
    <div id="footer"></div>
  </div>
</body>

</html>

Modifié par Martala (02 Nov 2009 - 12:19)

Questions générales et questions de débutants

Pb pour adapter la largeur d'un div à celle de son parent sous IE6