le positionnement css arrière-plan au bas de la fenêtre sans supplément de balisage ou de min-height

Est-il possible de placer une image de fond au bas de la fenêtre sans éléments supplémentaires ou min-height?

J'essaie d'avoir une image au bas de la fenêtre, pas le corps, peu importe la durée de la page web.

Ce que je veux dire c'est que si une page est plus longue que la verticale de la résolution de l'écran, le navigateur vous permet de faire défiler vers le bas et l'image serait à la base (et de pied de l'arrière-plan).

Si la page est très courte, peut-être la moitié de la hauteur de l'écran, le pied-de-fond "accrocher" à la mi-air. J'essaie de faire en sorte qu'il reste au bas de la fenêtre.

J'ai essayé min-height, mais qui vous oblige à définir une assez grande hauteur pour couvrir la plus grande résolution que les gens qui visitent votre site pourrait être à son tour la création de grandes zones vides qui sont toujours là si vous redimensionnez en bas de votre navigateur (ou si les gens ont des écrans plus petits).

J'ai essayé de réglage du pied de page en arrière plan sur l'élément de corps, mais il se bloque. Réglage du pied de page en arrière plan sur l'élément html m'a juste une zone blanche en bas, donc je l'ai utilisé pour mon en-tête arrière-plan au lieu.

La structure de base de mon site est:

<html>
<body>
<div id="header">other elements and header stuff</div>
<div id="main">main content</div>
<div id="footer">other elements and footer stuff</div>
</body>
</html>
InformationsquelleAutor gavsiu | 2011-06-05
  1. 12

    Je ferais comme si...

    html {
   min-height: 100%;   
}

body {
   background: url(path/to/image.png) no-repeat center bottom;   
}

    jsFiddle.

    • en fait c'est parfait. je l'ai essayé une fois et ça ne fonctionne pas pour une raison quelconque, alors j'ai regardé dans le css collant, pied de page, mais cela signifiait que je devais me faire une en-tête et de la main avec un wrapper et le besoin d'une hauteur fixe de pied de page. je suis retourné et a essayé de nouveau et elle a effectivement travaillé, même avec la croix-navigateur min-hauteur de la corriger.
    InformationsquelleAutor alex
  2. -2

    Vous dire un collant pied de page.

    • Non, je crois qu'il veut un background-image placé en bas de la vue-port.
    • Dans son HTML, écrit-il other elements and footer stuff, donc je pense qu'il n'est pas seulement voulez une image dans le pied de page.
    • La question du titre lui-même semble à l'appui de mon interprétation, si. Je pourrais, bien sûr, être tout à fait tort.
    InformationsquelleAutor Midas