web-dev-qa-db-fra.com

Réglage de la hauteur du corps à 100%

Le corps de toutes mes pages Web (à l'exception de la page d'accueil) doit être situé sur http://www.zorglegal.nl à la même hauteur (100% du navigateur), de sorte que la barre brune à droite soit complètement étendue écran de haut en bas. Comment puis-je le mieux y parvenir? 

html{
    height: 100%;
}

body{
    min-height: 100%;
}

ne fonctionne pas. J'ai également essayé de définir une classe pour l'élément de contenu et de définir une hauteur de 100%, mais cela ne fonctionne pas non plus. Comment puis-je faire ceci?

La barre brune est une image png et est définie comme image d’arrière-plan pour un conteneur pleine largeur. Donc, si ce conteneur est 100% haut, cela devrait fonctionner. Mais comment?

7
user3354767

Vous pouvez utiliser la hauteur de la fenêtre.

height: 100vh

Cela signifie que la div ou quoi que ce soit est aussi haut que la fenêtre du navigateur.

8
M4R1KU
html, body{
    margin: 0;
    padding: 0;

    min-width: 100%;
    width: 100%;
    max-width: 100%;

    min-height: 100%;
    height: 100%;
    max-height: 100%;
}

Ce Css vous aidera à définir une hauteur de 100% pour chaque page.

7
Lara

Essayez de réaliser en utilisant javascript:

$(window).bind('resize', yourclassname);

Dans yourclassname , utilisez également yourID , donnez-le à la div. 

0
Himanshu Vaghela

Taille du corps à 100%

html, body {
    width: 100%;
    height: 100%;
}
0
Umer Farooq

Vous pouvez également utiliser la propriété table ici, pour la prise en charge multi-navigateurs.

    html {
    width:100%;
    height: 100%;
    display: table;
    }

    body {
        width:100%;
        display:table-cell;
    }

    html, body {
        margin: 0px;
        padding: 0px;
    }
0
vijayscode