Bonjour à tous,
Mon sujet a déjà été traité et résolu mais malgré tout, je n'arrive pas à régler mon problème.
Je voudrais n'avoir qu'une barre de défilement sur une div particulière de ma page web. J'ai donc appliqué overflow:hidden; à html et body et overflow:auto; à ma div. Si j'ai bien compris ce que j'ai pu lire sur internet, pour que cela marche, il faut définir une hauteur spécifique à la div. Lorsque je définis cette hauteur en pixels, tout baigne. Mais je voudrais la définir en pourcentages.
Vous allez me dire que la solution a déjà été donnée: il suffit d'appliquer une hauteur de 100% à tout ce qui contient ma div (html, body, div centrale). Ceci a été fait et je peux effectivement contrôler la hauteur des deux autres div contenue dans le conteneur central. Mais pour la div que je veux faire défiler, ça ne veut toujours pas marcher...
HTML
Code HTML :
<html>
<body>
<center>
<div class="container">
<div class="header">
</div>
<div class="middle">
</div>
<div class="footer">
</div>
</div>
</center>
</body>
</html>
html, body, center {
height:100%;
overflow:hidden;
background-color:rgb(244,122,36);
}
div.container{
width:70%;
height:100%;
background-color: transparent;
}
div.middle{
height:300px;
overflow:auto;
margin-left:10%;
margin-right:10%;
margin-bottom:30px;
margin-top:30px;
background-color:transparent;
}
div.header{
padding:0em;
background-color:white;
height:25%;
}
div.footer{
padding:0em;
background-color:yellow;
height:5%;
}
Est-ce que vous pouvez voir une erreur que mon manque d'expérience me cache?
Merci pour votre aide!
M4r33, BDGDM