28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'aimerais faire en sorte que deux divs soient reliés, une parent et un autre enfant.

J'ai intégré un site avec 3 colonnes verticales, sur la colonne du milieu il y a une couleur de fond verte, les autres sont blanches.
J'aimerais que quand le site augmente en hauteur, la div .colonne2_block2 rejoigne le bas de la divs parent #corps, un exemple avec cette capture d'écran : http://img.rock-hosting.com/view/imageJPG-nit/

J'aimerais donc que le block avec la couleur de fond vert rejoigne le bas du corps, ce qui donnerais un meilleur effet.

Le code CSS des divs concernés:

#corps {
overflow: hidden;
padding-top: 9px;
background-image: url(../design/border-bas.png);
background-repeat: no-repeat;
background-position: bottom;
}

[...]

.colonne2_block2 {
overflow: hidden;
margin-bottom: 2px;
margin-top: 13px;
background-color: green; /* #fafafa; */
height: 100%;
}


Le site en complet pour y voir mieux : http://rapidshare.com/files/369684328/integration.rar.html

Merci.
Modifié par dartktemplar371 (31 Mar 2010 - 20:59)
Bonjour,

En utilisant le positionnement absolu cela ne devrait pas trop poser problème.

Ta div #corps devra être positionnée en relative ; et la div enfant en absolu avec "bottom:0;"