8
votes

Définition de la hauteur du corps à 100%

J'ai besoin d'avoir le corps de toutes mes pages Web (sauf la page d'accueil) située sur http://www.zorglegal.nl à la même hauteur (hauteur de 100% du navigateur), de sorte que la barre brune à droite est étirée plein écran de haut en bas. Comment puis-je le mieux réaliser cela?

html{
    height: 100%;
}

body{
    min-height: 100%;
}

html css height

5 commentaires

100% hauteur = taille de la fenêtre, mais lorsque vous obtenez un rouleau, c'est plus le 100%. Actuellement, il fonctionne comme prévu, mais votre exigence est différente.

Dupliqué possible de CSS Div Stretch 100% page hauteur

Dupliqué possible de Faire du corps a 100% de la hauteur du navigateur

Dupliqué possible de Comment redimensionner automatiquement le corps du site Web basé sur la résolution? < / a>

S'il vous plaît ne faites pas référence à votre site. Ce lien peut être mort ou changé demain n'aidant personne à l'avenir. Vous pouvez insérer des images ici. Tous les balises doivent également être placés ici: exemple de reproductible minimal en outre, vous parlez d'une "barre brune" mais je n'ont pas encore vu.

5 Réponses :

7
votes

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

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

    min-height: 100%;
    height: 100%;
    max-height: 100%;
}
This Css will help you to set height 100% for every page.

0 commentaires

0
votes

hauteur du corps à 100% xxx

0 commentaires

0
votes

Essayez d'utiliser JavaScript:

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

0 commentaires

9
votes

Vous pouvez utiliser la hauteur ViewPort.

height: 100vh

0 commentaires

0
votes

Vous pouvez également utiliser la propriété code> ici, pour le support croisé de navigateur.

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

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

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

0 commentaires