Zone de scrollbar
Gorbei
Messages postés
10
Date d'inscription
Statut
Membre
Dernière intervention
-
Gorbei Messages postés 10 Date d'inscription Statut Membre Dernière intervention -
Gorbei Messages postés 10 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai un problème au niveau de la mise en page de ma page web. Je voudrais que seul le corps de la page possède un overflow de façon à ce que le titre en haut et le menu en bas reste toujours visible même lorsque l'utilisateur fait défiler la page verticalement. Cela fonctionne bien pour ce qui est du titre, seulement le menu situé en dessous du corps de la page est également intégré dans cet overflow et ainsi n'est visible qu'une fois arrivé tout en bas de la page.
je vous met également mon code :
<html>
<head>
<title>Registre d'exploitation</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<table border="1">
<td><?php include("connexion.php"); ?></td>
<td height="40" width="85%" align="center" ><h3><u>AC AT</u></td>
</table>
<style type="text/css">
td{vertical-align:bottom;}
#recup{height:300pt;overflow:auto}
</style>
</head>
<body background="background-body.jpg">
<div id="recup">
<?php include("recup3.php");?></div>
</body>
<?php include("menu.php"); ?>
</html>
J'ai un problème au niveau de la mise en page de ma page web. Je voudrais que seul le corps de la page possède un overflow de façon à ce que le titre en haut et le menu en bas reste toujours visible même lorsque l'utilisateur fait défiler la page verticalement. Cela fonctionne bien pour ce qui est du titre, seulement le menu situé en dessous du corps de la page est également intégré dans cet overflow et ainsi n'est visible qu'une fois arrivé tout en bas de la page.
je vous met également mon code :
<html>
<head>
<title>Registre d'exploitation</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<table border="1">
<td><?php include("connexion.php"); ?></td>
<td height="40" width="85%" align="center" ><h3><u>AC AT</u></td>
</table>
<style type="text/css">
td{vertical-align:bottom;}
#recup{height:300pt;overflow:auto}
</style>
</head>
<body background="background-body.jpg">
<div id="recup">
<?php include("recup3.php");?></div>
</body>
<?php include("menu.php"); ?>
</html>
A voir également:
- Zone de scrollbar
- Alternative zone telechargement - Accueil - Outils
- Zone alarm - Télécharger - Pare-feu
- Zone annuaire guru - Accueil - Services en ligne
- 02 880 zone - Guide
- Zone telechargement - Accueil - Services en ligne
2 réponses
Bonjour,
Du css suffira à faire ce que tu souhaites (si j'ai bien saisi) :
- pour le menu en bas de page : http://www.javascriptfr.com
- pour le titre en haut : https://forums.commentcamarche.net/forum/affich-9175292-figer-un-haut-de-page-et-un-menu
Bref, la propriété que tu recherches, c'est position:fixed;
Du css suffira à faire ce que tu souhaites (si j'ai bien saisi) :
- pour le menu en bas de page : http://www.javascriptfr.com
- pour le titre en haut : https://forums.commentcamarche.net/forum/affich-9175292-figer-un-haut-de-page-et-un-menu
Bref, la propriété que tu recherches, c'est position:fixed;
Merci de ta réponse mais malheureusement le lien vers le menu du bas est mort. J'ai essayé de rajouter la ligne position:fixed dans les paramètres css du div du menu mais le soucis reste le même. En gros à partir du moment où je déclare le div avec le scroll tout ce qui suit est concerné aussi, le </div> n'est pas pris en compte autrement dit.