Bonjour,
Mon site comporte une section (div #corps) qui comporte le corps principal du contenu.
Je souhaite lui associer une barre de défilement la rendant visible avec toutes les tailles de fenêtre et d'écran.
Cette div comporte des div classiques #gauche, #droite, #centre et des sous-div
Or, la barre (#corps{overflow-y:auto;...} ne tient compte que du contenu d'une "sous-sous div"
Voici parties des sources html et css:
Précisément, cette barre n'apparait que lorsque la hauteur d'écran mord sur la la sous-div "#centre div"
Merci pour vos conseils !
Mon site comporte une section (div #corps) qui comporte le corps principal du contenu.
Je souhaite lui associer une barre de défilement la rendant visible avec toutes les tailles de fenêtre et d'écran.
Cette div comporte des div classiques #gauche, #droite, #centre et des sous-div
Or, la barre (#corps{overflow-y:auto;...} ne tient compte que du contenu d'une "sous-sous div"
Voici parties des sources html et css:
<div id='Corps'>
<div id='gauche'>
<h2>GALERIES EXISTANTES</h2>
<ul>
<li><a href="./galeries.php?ssrep=bateaux" class="Lien" title="titre.">legende</a></li>
<li><a href="./galeries.php?ssrep=brumes" class="Lien" title="titre.">autre legende.</a></li>
<li><a href="./galeries.php?ssrep=contre" class="Lien" title="titre.">encore une.</a></li>
...
</ul>
</div>
<div id='droite'>
<h2>Présentation:</h2>
<br />
<p> bla bla....
</p>
<div>
<h2>Liens préférés:</h2><br />
<a href="" target="blank"> <img src=".gif" title="le lien"/></a>
...
</div>
<p>
<br /><h2>Infos visiteur:</h2>
<br />
...
</p>
<br /><a href="mailto:"><h2>Vos avis et suggestions ?</h2></a>
</div>
<div id='centre'>
<div>
<p>Échantillon au hasard.</p><br />
<ul>
<li><img oncontextmenu="return false" src="./img/.jpg" height="400px" title=""></li>
<li><img src="./communs/espace.gif"></li>
...
</ul>
<br /><p>Passer le curseur sur la photo pour en arrêter le défilement.</p>
</div>
</div>
</div>
<div id='BasDePage'>
Pages bla bla bla ...
<span style="font-size:0.7em;">( 165 visites à ce jour 24 octobre 2020 )</span>
</div></body></html>html, body{
min-height:100vh; height:100vh; max-height:100vh;
min-width:100vh; width:100vh; max-width:100vh;
overflow:hidden;
}
body{
font-size:0.9em; font-family:verdana, Arial, Helvetica, sans-serif;
background-color:#EEE;
}
#Corps{
position:fixed; top:130px;
width:auto;
height:100%; overflow-y:auto;
line-height:100%;
background-color:#777;
}
#gauche, #droite{
width:250px; height:100%;
border:1px solid black;
padding:20px 10px;
text-align:left;
color:#FFF;
}
#gauche {
float:left;
}
#droite{
float:right;
display:inline;
}
#centre{
display:flex;
width:auto; height:100%;
margin:0px 250px;
background: no-repeat center/cover url("./pcontact.jpg");
}
#centre div{
height:600px; width:600px;
margin:auto;
overflow-x:hidden;
}Précisément, cette barre n'apparait que lorsque la hauteur d'écran mord sur la la sous-div "#centre div"
Merci pour vos conseils !
