IE et Firefox : résoudre le problème des calques à hauteur minimum
ce serait tellement simple si Internet Explorer gérait les CSS de façon standard …
L’attibut CSS "min-height" a pour objet de définir la taille minimale d’un calque.
Si le contenu du calque dépasse cette hauteur, le calque s’adapte donc automatiquement à ce contenu, ce qui est pratique quand on a un fond de couleur par exemple.
L’attribut "height" , pour sa part, définit la hauteur d’un calque, mais sans adapter la taille en cas de dépassement du contenu.
Le problème vient (original …) d’Internet Explorer qui reconnait "height" mais ignore "min-height".
Il existe une solution pour obliger IE à gérer un calque (nommé "main" sans l’exemple suivant) à avoir une hauteur minimale ET à s’adapter à un contenu de taille variable :
#main {
height: auto;
min-height: 1000px; /* pour Firefox */
}* html #main {
height: 1000px; /* pour Internet Explorer */
}
Vivement IE8… on peut rêver
ha la la ce IE, quelle blague ! même pour le 7 ils n’ont pas retenu la leçon c’est grave ! croisons effectivement les doigts pour IE 8 , lol