Discussion :

[barok]

Bonjour, j'ai quelque soucis pour que la hauteur de ma div augmente en fonction de mon contenu.

Il me faut une div qui fassent au moins 300px de haut et si le contenu est trop grand, la hauteur de la div augmente.

Pour cela :

Code :

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

1
2
3
4
5
6
7
 
<div id="contenu">
	<div id="contenu_h"></div>
	<div id="contenu_m"><p>grand contenu</p></div>
	<hr class="separation" />
	<div id="contenu_b"></div>
</div>

et ma CSS

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
#contenu_m {
	background:url(/images/contenu_m.gif) repeat-y ;
	width:765px;
	height:300px;
}
#contenu_m p{
	padding:5px 15px;
}
.separation {
	clear:both;
	visibility:hidden;
}
#contenu_b {
	background:url(/images/contenu_b.gif) no-repeat;
	width:765px;
	height:12px;
}

et voici le résultat

Comme d'hab, IE augmente la hauteur (pas normal d'ailleurs) mais pas Opéra ni FF. Je sais qu'il y a une bidouille mais je m'acharne et je ne trouve pas.
Si quelqu'un a une idée.
Merci.

[Swoög]

tu as essayé la propriété overflow (en donnant les valeurs hidden, auto, scroll ou visible ) ?

[MasterOfChakhaL]

il me semble que la propriété css min-height irait très bien pour toi.

malheureusement, IE ne la connait pas. Cependant, il existe un hack je crois (que je ne connais pas, désolé)

[barok]

Ca marche tres bien avec min-height mais rien a faire sous IE... enfin je ne connais pas la "manip"...
Pour le overflow, je nai rien obtenu qui m'a permis d'avancé

C'est con qu'il faille bidouiller pour faire quelque chose d'aussi simple

[Linaa]

Le problème avec IE est qu'il considère la propriété height comme étant un min-height. Firefox reconnait bien le min-height.

Ce qu'il faut faire pour que ça fonctionner pour les deux (je ne sais pas pour Opéra, si tu pouvais nous dire au passage) :

Code :

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

1
2
    _height : 300px; /* pour IE  */
    min-height : 300px;

(Le underscrore indique que la propriété ne sera interpretée que par IE)

[barok]

ca marche pour les 3 avec ta méthode.
Meme si je n'aime pas, je vais garder ca, je n'aime pas faire des trucs qui gère des exceptions... mais bon..
Merci à tous.

[Linaa]

Penses au tag