Comment obliger un gabarit de page à avoir une hauteur minimale ?

Bonjour à tous,
je travaille sur un gabarit de page équivalent à celui fait par Raphael
, disponible à l'adresse suivante

http://css.alsacreations.com/modeles/modele4.htm

le contenu de la partie centrale pousse les colonnes vers le bas,
seulement lorsqu'il ya très peu de contenu (1 ligne ou 2), ce n'est pas terrible. et cela me pose un problème puisque j'ai un menu de gauche assez long.

comment forcer la partie centrale à avoir une hauteur minimale ?
j'ai déjà essayé d'imposer dans les propriétés du div #centre une hauteur de 500 px,
> ça marche sous IE, quel que soit la taille du contenu (petit ou grand)
> mais sous Firefox, dès que le contenu est trop grand, le texte ne pousse plus les colonnes vers le bas, et dépasse alors du conteneur et des div ....

quelqu'un a déjà eu ce problème ?
Modifié par jaenani (24 Jan 2006 - 14:48)

Tu as min-height je crois mais le soucis reste IE qui ne l'interprête pas il me semble

je viens d'essayer mais cela ne fonctionne ni sous firefox, ni sous mozilla
merci tout de même

Pour IE utilises :

#element {
  height:expression(document.body.clientHeight < 450 ? "450px" : "auto");
}

Pour Gecko (FF/Moz...)

#element {
  min-height: 450px;
}

C'est bizarre que ça ne fonctionne pas chez toi...

Pour ma part, je préfère ceci :

#bloc {
height: 5em;
background: yellow;
}
html>body #bloc {
height: auto;
min-height: 5em;
} 

Min-height pour Internet Explorer.

Je n'aime pas trop les déclarations CSSJavascriptée, quoique je l'ai déjà utilisé.
Modifié par Tony Monast (24 Jan 2006 - 19:55)