Créer un Header fixé comme celui de Facebook

kitm -  
 kitm -
Bonjour tout le monde,

J'aimerai créer un Header fixé du genre facebook ou comme sur cette site web http://www.wampserver.com/ .

Ce que je veux dire, quand on défile la page, le header reste visible et fixer sur le haut de la page.

Je vous remercie de votre aide.

2 réponses

  1. kitm
     
    Oui mais c'est quoi le float : top ? (que j'ai trouvé à cette adresse http://www.commentcamarche.net/forum/affich-3104679-header-fixe-sur-site ? )
    2
    1. Stéphane18 Messages postés 375 Date d'inscription   Statut Membre Dernière intervention   132
       
      Je ne sais pas et je ne connais pas de float: top; et d'ailleurs il me semble que ça n'existe pas les seuls valeurs possible pour la propriété de float sont soit left right ou none !
      0
    2. kitm
       
      Merci Stephane
      0
    3. younes
       
      non c pas ca du tous... moi j'ai essayé ca mais ca marche pas dans tout les navigateurs seulement en Firefox:

      <div style=" background-color:#E17100; color:#FFF; font-stretch:extra-expanded; font-size-adjust:100%; font-variant:small-caps; height : 40px; padding-left:910px; font-family:'Lucida Console', Monaco, monospace; font-size:27px; font-weight:100%;
      position : fixed;
      bottom :+570px;
      width : 100%;
      height:37px;
      left : 0; text-shadow: #000 2px 2px 2px; /* color, h-offset, v-offset, blur */
      overflow:hidden; background-image: -moz-linear-gradient(top, #FF661C, #1F1F1F); /* FF3.6 */
      background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #47E71F), color-stop(1, #1F1F1F)); /* Safari 4+, Chrome 2+ */
      background-image: -webkit-linear-gradient(top, #FF661C, #1F1F1F); /* Safari 5.1+, Chrome 10+ */
      background-image: -o-linear-gradient(top, #FF661C, #1F1F1F); /* Opera 11.1+ */
      background-image: -ms-linear-gradient(top, #FF661C, #1F1F1F); /* IE10+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF661C', endColorstr='#1F1F1F'); /* IE6,IE7 */
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF661C', endColorstr='#1F1F1F')"; /* IE8+ */
      background-image: linear-gradient(top, #FF661C, #1F1F1F); "></div>
      0
    4. younes
       
      je l'ai trouver c: 
      div { 
    height: 35px; 
    width: 100%; 
    top: 0px; 
    background-color:#1B139F; 
    }


      voila enjoy...
      0
    5. kitm
       
      merci pour ta réponses younes
      0
  2. Stéphane18 Messages postés 375 Date d'inscription   Statut Membre Dernière intervention   132
     
    Salut, ajoute la propriété "position: fixed" à ton bloc !

    Par exemple le bloc que tu veux collé ce nomme header dans ton css tu ajoute cette propriété: 

    header{
    position: fixed;
    height: 120px;
    etc...
}
    1