Agrandissement vertical automatique

salut

J'arrive pas à aggrandir un block sans que le block de derriere s'agrandisse en même temps.

Voila ce que ça done: http://img340.imageshack.us/img340/2987/clipboard1kv6.png

Mon code HTML: ce sont des <div id=""> et qui sont vide, je leur est mis une couleur de fond avec CSS...

Mon code CSS:

a écrit :

#fondcorps
{
margin: auto;
width: 700px;

height : auto !important;
height: 600px;
min-height : 600px;

background-color: green;
padding-left: 7px;
}

#fondcorps2
{
margin: auto;
float: right;
width: 579px;

height : auto !important;
height : 540px;
min-height : 540px;

background-color: blue;
margin-right: 10px;
margin-top: 19px;
color: white;
}

Est ce qu'il y a moyen que le block vert d'agrandisse en même temps que le bleu?
Modifié par kyo21 (20 May 2007 - 15:33)

salut,

Essaye en enlevant les height de ton div vert ...

sous firefox: http://img148.imageshack.us/img148/3969/clipboard1zi7.png

sous IE6: http://img255.imageshack.us/img255/8004/clipboard2rb3.png

au fait dans mon premier post je me suis tormper de code, voila le bon code:

a écrit :
#fondcorps
{
margin: auto;
width: 700px;
height : auto !important;
min-height : 600px;
background-color: green;
padding-left: 7px;
}

.corps
{
float: right;
width: 580px;
min-height: 500px;
background-color: black;
margin-right: 7px;
margin-top: 29px;
}

aussi sous IE6 les height du #fondcorps ne marche pas, j'ai mis plusieurs valeur et ça reste comme ça: http://img127.imageshack.us/img127/9458/clipboard12kw5.png
Modifié par kyo21 (20 May 2007 - 16:09)

Salut

essaye

#fondcorps
{
margin: auto;
width: 700px;
overflow: hidden;
min-height : 600px;
background-color: green;
padding-left: 7px;
}

.corps
{
float: right;
width: 580px;
min-height: 500px;
background-color: black;
margin-right: 7px;
margin-top: 29px;
}

Pour ie6 le min-height n'est pas interprété il faut passer par un commentaire conditionnel

salut,
le résultat est bizarre: http://img295.imageshack.us/img295/4180/clipboard1jr0.png c'est pareil sous Firefox.