Div extensible et float

Bonjour, j'ai un petit problême avec mon CSS. J'vous copie/colle le code :

a écrit :

#corps{
background-image: url("../images/corps.jpg");
background-repeat: no-repeat;
background-color: #FFF;
width: 1000px;
min-height: 500px;
margin: auto;
}

.modules{
border: 1px solid red;
width: 500px;
float: right;
margin-top: 5em;
}

Le probleme qui se pose c'est que lorsque que j'applique un float dans .modules, je me retrouve avec #corps qui reprend ça taille initiale et .modules qui déborde donc en dehors de #corps.

Si vous pouviez m'aider. Merci !

Salut,

Aurait tu une version en ligne afin de voir graphiquement ce que cela donne ?

j'ai une copie d'écran j'peux pas faire mieux.

Sans float:



Avec float:

Probleme à moitié résolu. J'ai appliqué overflow: hidden à #corps. Mais maintenant il y a un décalage entre #header et #corps.

Edit :

Probleme résolu : appliqué overflow: hidden à #corps et aussi à #header puis modifier le height de #header.
Modifié par k3isch (17 Sep 2008 - 14:28)