[CSS ?] Hauteur maximum pour div

Version imprimable

26/01/2009, 17h37
Commodore

[CSS ?] Hauteur maximum pour div

Bonjour,

Y'a t-il une façon de gérer un div pour qu'il s'adapte à la hauteur de son contenu mais seulement jusqu'à une certaine limite ?

J'ai un contenu issu d'une requete SQL qui doit s'intégrer dans mon div, mais pour garder un aspect "confortable", il faudrait que le div puisse épouser la hauteur de son contenu dans la limite de 300px et qu'après il passe en overflow:scroll

Cordialement
26/01/2009, 17h44
Macmillenium

Bonjour,

Oui c'est possible avec un max-height:300px;
26/01/2009, 17h46
jln13

Attention cependant ca ne marche pas sous IE6 ;)
26/01/2009, 17h51
Macmillenium
Citation:

Envoyé par jln13

Attention cependant ca ne marche pas sous IE6 ;)

Je sais ;) a la limite pour IE6 il pourra mettre un height:300px et avec le overflow:auto pas de risque de débordement.

EDIT :
Sinon il y a une solution avec les expressions CSS :
Code:

1 2 3 4 5 6 
26/01/2009, 18h15
jln13

Hum.. intéressant je connaissais pas ce truc IE "expression" !
Par contre cette fonction exécutant du code javascript il faut déclarer la CSS après l'élément HTML.

Voila juste pour préciser, si ca sert a qqn.. :)
26/01/2009, 18h19
Macmillenium

Citation:

Envoyé par jln13

Par contre cette fonction exécutant du code javascript

Oui, les expressions css permettent d'introduire du JavaScript.

:hola:

merci bcp à vous deux!!
vous m'ôtez une sacrée épine du pied!

edit: pour info, je vais gérer cette solution de la manière suivante:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
if (ereg("MSIE", $_SERVER["HTTP_USER_AGENT"])) 
{
    echo '<style type="text/css">';
    echo '#bloc { height:expression(this.scrollHeight > 300 ? "300px" : "auto"); }';
    echo '</style>';
} 
else if (ereg("^Mozilla/", $_SERVER["HTTP_USER_AGENT"]) or ereg("^Opera/", $_SERVER["HTTP_USER_AGENT"])) 
{
    echo '<style type="text/css">';
    echo '#bloc { max-height:300px; }';
    echo '</style>';
}