Je cherche à définir un DIV parent à 70% de la hauteur totale de l'écran (100%). J'ai mis en place le CSS suivant mais cela ne semble rien faire :
body {
font-family: 'Noto Sans', sans-serif;
margin: 0 auto;
height: 100%;
width: 100%;
}
.header {
height: 70%;
}Pour une raison ou une autre, cela ne semble pas fonctionner et l'en-tête ne correspond pas à 70 % de la taille de l'écran. Un conseil ?
Si vous voulez qu'elle soit basée sur la hauteur de l'écran, et non sur la hauteur de la fenêtre :
const height = 0.7 * screen.height
// jQuery
$('.header').height(height)
// Vanilla JS
document.querySelector('.header').style.height = height + 'px'
// If you have multiple <div class="header"> elements
document.querySelectorAll('.header').forEach(function(node) {
node.style.height = height + 'px'
})
En utilisant le positionnement absolu, vous pouvez rendre <body> o <form> o <div> , s'adapter à la page de votre navigateur. Par exemple :
<body style="position: absolute; bottom: 0px; top: 0px; left: 0px; right: 0px;">et de mettre simplement un <div> à l'intérieur et utiliser le pourcentage de l'un ou l'autre height o width vous souhaitez
<div id="divContainer" style="height: 100%;"> 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.
