J'avais un site web sur lequel je voulais avoir une hauteur de page minimale.
"Facile, me disais-je, il suffit d'utiliser
Ben non. Enfin si, mais avec Firefox seulement. Cela ne marchait pas avec IE6.
Après un peu de tâtonnement, j'ai trouvé ça:
Tout allait bien, jusqu'au jour, pas si lointain, où IE7 est sortit. Il respecte les standards, du moins mieux que IE6. Et ma page est devenue bizarre, avec son contenu qui dépassait allègrement les limites du conteneur! Celui-ci ne s'adaptait plus!
Alors, enlever la ligne
Bon, j'ai cherché un peu sur le net, et j'ai trouvé un hack qui permet de mettre tout le monde d'accord:
Et voilà.
"Facile, me disais-je, il suffit d'utiliser
min-height
dans mon CSS et hop! le tour est joué.Ben non. Enfin si, mais avec Firefox seulement. Cela ne marchait pas avec IE6.
Après un peu de tâtonnement, j'ai trouvé ça:
#shell {
min-height: 400px;
//height: 400px;
}
#shell
est mon conteneur. La seconde ligne était comprise par Firefox, qui ignorait la troisième, puisqu'en commentaire. Par contre, IE6 ne connaissait pas la seconde, mais se fichait comme de l'an quarante des //
et applicait height
comme une hauteur minimale, en fait. Tu parles du respect des standards!Tout allait bien, jusqu'au jour, pas si lointain, où IE7 est sortit. Il respecte les standards, du moins mieux que IE6. Et ma page est devenue bizarre, avec son contenu qui dépassait allègrement les limites du conteneur! Celui-ci ne s'adaptait plus!
Alors, enlever la ligne
//height: 400px;
résolvait le problème pour IE7, mais le problème du non-support de min-height
par IE6 était de retour!Bon, j'ai cherché un peu sur le net, et j'ai trouvé un hack qui permet de mettre tout le monde d'accord:
#shell{
min-height: 400px;
height: auto !important;
height: 400px;
}
Et voilà.
Commentaires