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?
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.
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.
Essayez de réaliser en utilisant javascript:
$(window).bind('resize', yourclassname);
Dans yourclassname , utilisez également yourID , donnez-le à la div.
html, body {
width: 100%;
height: 100%;
}
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;
}