Pourquoi min-height ne fonctionne-t-il pas sur ma page ?

Question

J'ai un dégradé appliqué à l'arrière-plan de l'élément body. Ensuite, j'ai un conteneur (juste après le corps) auquel une image d'arrière-plan .png est appliquée. Le dégradé s'étend toujours à au moins 100 % de la hauteur de la fenêtre, mais pas le conteneur (#body2).

Des suggestions pour expliquer pourquoi cela ne fonctionne pas? Vous pouvez inspecter le code HTML sur ma page Web ici : http://www.savedeth.com/parlours/

Answer 1

Spécifiez height: 100% sur les éléments html , body et #body2 (ligne 1358).

 html, body, #body2
{
    height: 100%;
    min-height: 100%;
}

Non testé dans IE 6, fonctionne dans 7 cependant.

Answer 2

Votre hauteur minimale est définie sur 100 %, ce qui ne sera aussi grand que tous les éléments qui remplissent l'espace. Exprimez-vous min-hauteur en termes de pixels. Notez également que IE6- nécessite son propre ensemble de règles. Voir http://davidwalsh.name/cross-browser-css-min-height pour plus de détails.

Answer 3

position: absolute; fonctionne dans la plupart des cas

Answer 4

quelque chose règle la hauteur de votre élément body à 320px (si vous regardez dans l'élément inspect de chrome)

donc 100% est de 320px. c'est pourquoi il ne s'affiche qu'en haut de la page avec 100 % de la hauteur de 320 px.

vous devez définir une hauteur pour que la hauteur minimale fonctionne.

alors réglez la hauteur à 100% en général devrait fonctionner.