Sujet Précédent Sujet Suivant

Créer un Header fixé comme celui de Facebook

Fermé
kitm - 18 févr. 2012 à 15:10
 kitm - 25 juin 2012 à 15:35
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.





A voir également:

2 réponses

Réponse 1 / 2
kitm
18 févr. 2012 à 16:14
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
Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
18 févr. 2012 à 16:25
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
kitm
18 févr. 2012 à 19:07
Merci Stephane
0
younes
25 juin 2012 à 15:04
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
younes
Modifié par younes le 25/06/2012 à 15:32
je l'ai trouver c: 
div { 
    height: 35px; 
    width: 100%; 
    top: 0px; 
    background-color:#1B139F; 
    }


voila enjoy...
0
kitm
25 juin 2012 à 15:35
merci pour ta réponses younes
0
Réponse 2 / 2
Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
18 févr. 2012 à 15:22
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