Journal du Net > Développeurs > Contributions > Votre astuce CSS ?
Contribution précédente Contribution suivante

APPEL
A CONTRIBUTION

Vous manipulez le langage CSS au quotidien pour concevoir des pages Web ? Vous avez certainement une astuce à partager ! Cet espace est pour vous.
Participez
 Un min-height sur IE et Firefox  
Yvan Marques , Lausanne

Un min-height sur IE et Firefox
Yvan Marques
Quel est en 3 lignes l'objectif de votre astuce ?
Faire en sorte qu'un élément ait une hauteur minimal (pratique si on a peu de contenu sur une page qui doit avoir un design avec une autre minimale).

Décrivez votre astuce en détail. N'hésitez-pas à inclure des portions de codes.




Qu'est-ce que cela va faire sur IE6 ?
IE 6 aura comme taille, 300px de haut. Mais si un élément demande plus de hauteur, IE6 va pousser le #Contener et si le contenu et faible il garde sa taille de 300px.

Sur les moteurs gecko ?
C'est très simple, les moteurs gecko et IE7 vont prendre le min-height normalement puis s'il a besoin de s'allonger il s'allonge. Si nous avions laissé le height à 300px nous aurions alors les éléments qui demandent plus de place par-dessus l'élément de 300px.

Publié le 13 mars 2007

Thierry Randriantiana
En quelques lignes (3) et c'est compris partout :
min-height : 100%;
height : auto ! Important;
height : 100%;

Bien sur, on peut changer 100% par 300px par exemple
Cc
Bonsoir,
min-height fonctionne avec Firefox mais pas avec IE6 on dirait...
Contribution précédente Contribution suivante
12 contributions : 1 2 3 4 5 6 7 8 9 10 11 12
 




 

© Benchmark Group, 69-71 avenue Pierre Grenier 92517 BOULOGNE BILLANCOURT Cedex

RECHERCHER