113 votes

Pied de page en bas de la page ou du contenu, selon la valeur la plus faible

J'ai la structure suivante :

<body>
    <div id="main-wrapper">
        <header>
        </header>
        <nav>
        </nav>
        <article>
        </article>
        <footer>
        </footer>
    </div>
</body>

Je charge dynamiquement le contenu dans le <article> en utilisant le javascript. De ce fait, la hauteur de l'écran <article> Le bloc peut changer.

Je veux le <footer> pour se trouver en bas de la page lorsqu'il y a beaucoup de contenu, ou en bas de la fenêtre du navigateur lorsqu'il n'y a que quelques lignes de contenu.

Pour le moment, je peux faire l'un ou l'autre... mais pas les deux.

Alors, est-ce que quelqu'un sait comment je peux faire ça - obtenir la <footer> pour coller au bas de la page/contenu ou au bas de l'écran, selon ce qui est le plus bas.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X