picture picture
août 17, 2007 CSS 1 Commentaire

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

 

One Response to “IE et Firefox : résoudre le problème des calques à hauteur minimum”

One Comment

  1. soon7 dit :

    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

Commentaire

Name

Mail (ne sera pas publié)

Website

Laisser ces deux champs tels quels :
:D :-) :( :o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: