Contrôler les hauteurs de 2 div (calques) par javascript ?

Bonjour,

J’ai deux div :
2e div est à l’intérieur du 1er.
La hauteur minimum de 2 div c’est 570px.
2e div est flottant à gauche. Lorsqu’il y a un petit paragraphe dans cette div, la hauteur Max est 570 px, et s’il y a plusieurs paragraphes, la hauteur change selon le contenu de ce div… mais 1er div reste toujours la même hauteur (570px).
Je vaux que la hauteur du 1er div ajoute automatiquement la 2e div. Est-ce que vous connaissiez un JavaScript pour cela ?

Voici les caracteristique de 2 div (en CSS)
1er div :

Code:

---

1 2 3

width: 914px; min-height:570px; background-image: url(../images/base/corps_gch_fnd.png);

---

et 2e div :

Code:

---

1 2 3 4 5

background-color: #FFF; width: 677px; min-height:570px; float: left;

---

bonne journée

La réponse est dans la :faq:
http://javascript.developpez.com/faq...S#ajustetaille

Citation:

---

Envoyé par PHPDOS

Bonjour,

J’ai deux div :
2e div est à l’intérieur du 1er.
La hauteur minimum de 2 div c’est 570px.
2e div est flottant à gauche. Lorsqu’il y a un petit paragraphe dans cette div, la hauteur Max est 570 px, et s’il y a plusieurs paragraphes, la hauteur change selon le contenu de ce div… mais 1er div reste toujours la même hauteur (570px).
Je vaux que la hauteur du 1er div ajoute automatiquement la 2e div. Est-ce que vous connaissiez un JavaScript pour cela ?

Voici les caracteristique de 2 div (en CSS)
1er div :

Code:

---

1 2 3

width: 914px; min-height:570px; background-image: url(../images/base/corps_gch_fnd.png);

---

et 2e div :

Code:

---

1 2 3 4 5

background-color: #FFF; width: 677px; min-height:570px; float: left;

---

bonne journée

---

contexte de formatage sur le div 1er afin que celui-ci fasse la hauteur de son contenu même si celui-ci est flotté

tu rajoutes simplement :

Code:

---

1 2 3

zoom:1; overflow:hidden;

---

Merci Bovino,

c'est excellent...
et bravo trotters213

bonne journée

Citation:

---

Envoyé par Gatsu35

contexte de formatage sur le div 1er afin que celui-ci fasse la hauteur de son contenu même si celui-ci est flotté

tu rajoutes simplement :

Code:

---

1 2 3

zoom:1; overflow:hidden;

---

---

Bonjour Gatsu
zoom:1;
veut dire quoi ?

Il s'agit d'un hack pour IE permettant de donner une propriété hasLayer à des éléments non positionnés pour le permettre d'interpréter certaines propriétés CSS spécifiques aux éléments positionnés.

Citation:

---

Envoyé par Bovino

Il s'agit d'un hack pour IE permettant de donner une propriété hasLayout à des éléments non positionnés pour le permettre d'interpréter certaines propriétés CSS spécifiques aux éléments positionnés.

---

le haslayout entraine un comportement différent à l'élément en "display:block" il permet souvent de corriger des pb d'affichage, et propriété intéressante, il lui applique le contexte de formatage.