16
juin 08
Hack de min-height pour IE
Par Guillaume BIZET | Lien permanent
Comme d'habitude c'est sous Internet explorer que je me retrouve confronté à des problème de prise en compte de la hauteur minimum d'un élément.
J'ai enfin réussi à trouver une solution qui me conviens, pour l'instant, et je voulais savoir ce que vous en pensiez
html>;body div#machin { height: auto; min-height: 400px; } div#machin{ height: 400px; }
C'est peut-être du bidouillage mais bon si vous avez mieux je suis preneur
Quelle solution employez vous dans ce genre de cas ?
Commentaires
Luc
16/06/2008 - 09:44
Est ce que
height:400px;
min-height:400px;
}
ne fonctionne pas ?
(je réponds rapidement comme ça sans avoir testé...)
Colir
16/06/2008 - 11:25
perso j'utilise soit le hack d'interpretation ie6, ce qui donne
.machin{
min-height:400px;
_height:400px;
}
soit je met juste mon height:400px; dans une css dedié a IE
'height' sous ie6 marchant comme min-height (si le contenu fait plus de 400, alors le parent s'expendera)
...perso c ma soluce
Nico
16/06/2008 - 13:17
En fait il n'y a pas de solution miracle. Ton code va marcher sans soucis sur des navigateurs récents qui vont augmenter la taille avec le contenu.
En revanche sur de vieux navigateurs ( voir des navigateurs de téléphone portable ), le contenu ou le background risquent d'êtres coupés.