Toute mes excuses,
Je pose souvent des question avant de chercher, de bien chercher!
J'ai trouvé la solution dans le site comme toujours.
<style type="text/css">
/* début du hack "fixed" permettant de fixer le menu fixe sous IE */
body { /* redéfini les propriétés de toute la page */
overflow-y: hidden ; /* fonction microsoft supprimant les ascenseurs sous IE */
margin: 0; /* la marge du body est à 0 pixels */
padding:0} /* marge intérieure à 0 pixels */
html > body {overflow-y: auto} /* annule le overflow-y pour firefox 1.5 et supérieur */
.content { /* boite prenant toute la page sauf le menu fixe*/
height: 100%; /* la hauteur de la boite occupe 100% de l'écran */
overflow: auto} /* on rajoute un ascenseur droit à la boite */
/* fin du hack "fixed" permettant de fixer le menu fixe sous IE */
.menu1 { /* menu fixe en bas de l'écran */
position: absolute ; /* position du menu = par rapport à la boite parent (ici le body) */
bottom: 0 ; /* Le bas du menu est à 0 pixels du bas de l'écran */
left: 0 ; /* La gauche du menu est à 0 pixels du bas de l'écran */
width: 98% ; /* largeur du menu = 98% de l'écran */
height: 130px ; /* hauteur du menu = 20 pixels */
/*background-color : red ; la couleur du menu border-top: solid black 1px*/
} /* Bordure haute du menu */
body>.menu1 {position:fixed} /* annule le hack "fixed" pour les autres navigateurs que IE */
.boite {width:20% ; height:800px ; b} /*order:2px solid black boite servant à faire défiler l'écran, en débordant de la page */
</style>
ça marche du feu de dieu
je ne retrouve pas le nom du site ou je l'ai trouvé.
truc et astuce css, c'était le rubrique je crois
