Discussion :

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et 2e div :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
background-color: #FFF;
	width: 677px;
	min-height:570px;
	float: left;

bonne journée

[Bovino]

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

[PHPDOS]

Merci Bovino,

c'est excellent...
et bravo trotters213

bonne journée

[Gatsu35]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et 2e div :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
zoom:1;
overflow:hidden;

[PHPDOS]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
zoom:1;
overflow:hidden;

Bonjour Gatsu
zoom:1;
veut dire quoi ?

[Bovino]

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.

[Gatsu35]

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.