4 votes

Comment puis-je faire en sorte qu'une div fasse 80 % de la taille de la page ?

J'aimerais qu'une div conteneur de page ait une marge supérieure de 10 % et une marge inférieure de 10 %. Comment puis-je faire en sorte que la div prenne les 80% restants de la page, tout le temps (qu'elle ait du contenu ou non) ?

16voto

tdammers Points 14202

Cela devrait fonctionner :

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            div { 
                position: absolute;
                height: 80%; 
                width: 80%; 
                top: 10%; 
                left: 10%; 
                background-color: #FFCC00; 
            }
        </style>
    </head>
    <body>
        <div>
            This should prove my point.
        </div>
    </body>
</html>

2voto

OV Web Solutions Points 635

Vous pouvez essayer :

CSS
---
.container {
   margin-top:10%;
   margin-bottom:10%;
   height:80%;
}

<div class="container"></div>

Prograide.com

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.

Powered by:

X