Bonjour à tous !

Je suis en train de réaliser un site web pour le magasin dans lequel je suis le chargé de communication et marketing. Seulement voilà, je suis confronté à un petit problème :

J'aimerais que mon menu "Liste de nos produits" soit fixe mais qu'il aille se fixer en haut au scroll à quelques pixels du bord en haut.

Voici une image pour que ce soit plus clair :

Et voici l'effet que j'aimerais que cela fasse au scroll :

Voici mon CSS actuel :

1. menufixe {

background-color: #baf2e3;
height: 110px;
width: 1250px;
position: fixed;
padding: 7px;
left: 300px;
right: 150px;
top: 510px;
text-align: left;
-moz-box-shadow: 0px 2px 2px 0px #c5d0d3;
-webkit-box-shadow: 0px 2px 2px 0px #c5d0d3;
-o-box-shadow: 0px 2px 2px 0px #c5d0d3;
box-shadow: 0px 2px 2px 0px #c5d0d3;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#4b6f7f, Direction=180, Strength=2);
filter:alpha(opacity=10); opacity:0.9;
}

Merci d'avance pour votre aide !

#menufixe {
position:fixed;
top:0;
}

?

Le 05 février 2015 à 11:50:44 Guklam a écrit :
#menufixe { position:fixed; top:0; }

?

Perso j'aurais dis ça aussi, sinon j'ai pas compris la demande