Zone de scrollbar

Fermé
Gorbei Messages postés 10 Date d'inscription vendredi 15 juillet 2011 Statut Membre Dernière intervention 8 avril 2013 - 8 avril 2013 à 16:11
Gorbei Messages postés 10 Date d'inscription vendredi 15 juillet 2011 Statut Membre Dernière intervention 8 avril 2013 - 8 avril 2013 à 19:14
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>

2 réponses

AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
8 avril 2013 à 16:29
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;
0
Gorbei Messages postés 10 Date d'inscription vendredi 15 juillet 2011 Statut Membre Dernière intervention 8 avril 2013
8 avril 2013 à 19:14
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.
0