28182 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Je voulais savoir quelles propriétés CSS appliquer à mon <body> pour qu'il puisse occuper toute la hauteur de la page web, quel que soit l'écran.
Quelques captures d'écran pour illustrer :
sur ordinateur :
upload/1588491746-79217-capture.jpg

sur téléphone, c'est bien plus flagrant :
upload/1588491781-79217-capture1.jpg


Voici le code CSS qui est chargé sur cette page :

J'ai déjà essayé html, body{height:100%;}, mais ça ne marche pas.


body.custom-background {
    background-image: url(https://mineralitude.com/wp-content/uploads/2020/04/sol-craquele.jpg.jpg);
    background-position: center center;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
}

body, button, input, select, textarea {
    color: #1a1a1a;
    font-family: Merriweather, Georgia, serif;
    font-size: 1rem;
    line-height: 1.75;
}

body {
    display: block;
    margin: 0;
}

*, *:before, *:after {
    box-sizing: inherit;
}


En vous remerciant !! Smiley smile
Modifié par moussolene (03 May 2020 - 10:51)
Bonjour,
J'ai eu le même problème que toi. La solution qui a le mieux marché c'est de mettre du contenu. Sinon tu as regardé l'unité vh pour ton height ?