Formations web et création graphique - Le menu qui descend avec la page

Fermer



Connexion

Le menu qui descend avec la page

Si c'était par défaut on voudrait le supprimer!

Bon mais si vos pages sont très hautes (deux ou trois kilomètres) cela peut être utile. C'est le cas de Frédérique qui en a marre de coller des retours vers le haut tous les deux écrans…

C'est facile, il faut utiliser une DIV avec un attribut FIXED , qui définit la position par rapport à la fenêtre et non la page.

Bien entendu il y a un correctif pour IE 5, car chez MS on a du mal à faire les choses correctement. Comme cela ne marche pas on colle une position ABSOLUTE, et tant pis le truc ne descendra pas. On ajoute FIXED!IMPORTANT pour que les autres puissent gérer en zappant l'ABSOLUTE.

Voici le code:

<style type="text/css">
<!--
#menu {
background-color: #0099CC;
position: absolute;
position: fixed !important;
height: 200px;
width: 200px;
left: 0px;
top: 300px;
}
body, html {
height: 100%;
margin: 0;
padding: 0;
}
html {
overflow: visible;
}
body {
overflow: auto;
}
html > body {
overflow: visible !important;
}
-->
</style>

Si vous avez mieux, je suis preneur!

Fichiers joints:
FichierDescriptionTaille de fichier
position fixe IE.html 3 Kb