[Resolu]Barre bottom a la "facebook"

Bonjour,

Voila j'aimerais réaliser une barre qui soit fixed sur le bas du navigateur et ceux ou qu'ils soit par rapport a la hauteur du site.

On peut voir cette barre a l'oeuvre maintenant sur allocine.fr aussi

Si quelqu'un aurait une idée ou déja réalisé cette barre, je suis preneur d'infos

merci
Modifié par wachalala (09 Oct 2008 - 11:14)

Bonjour,

wachalala a écrit :
Voila j'aimerais réaliser une barre qui soit fixed

Par exemple en utilisant le positionnement fixe (position: fixed)?

j'ai évidemment fait quelques test avant avec position:fixed mais le soucis est sous ie ou la barre est fixe mais en plein milieu

voici la ou j'en suis :

xxx
Modifié par wachalala (09 Oct 2008 - 11:14)

Chez moi la barre est correctement positionnée sous IE7.

désolé je n'ai pas précisé, je parlais d'ie 6 ...

le vie serais tellement plus simple sans lui

bon je n'ai toujours pas trouvé le moyen de la faire fonctionner sous ie6 si une ame charitable passait par la

Et la positionner avec le javascript ? Lors de l'évènement scroll ?

peut être oui mais vue que je ne m'y connais pas trop en javascript j'aurais prefere du css mais si j'ai pas d'autre choix et si qqu'un peut m'aider sur le javascript a faire alors ca serait ptet la solution !

Bonjour wachalala,

Loin d'être un spécialiste, je me suis laissé dire que quelques corrections de ton code ne pourraient certainement pas faire de mal...
Une balise style qui traine dans ta page, une deuxième balise body qui fait son apparition, une balise form qui se ferme avant d'avoir pu s'exprimer...peut-être un petit soucis d'include ?

Concernant la position absolue adressée à IE6 pour cette barre fixe, juste pour rappel :

a écrit :
Lorsqu'il est en position absolue ou fixe, le bloc est dit "positionné". Il est retiré du "flux" du code html : son positionnement sera le même quelle que soit l'emplacement de la balise dans le code du conteneur parent, quel que soit sa fraternité.
Le bloc est placé par rapport à son parent s'il est lui-même positionné, ou alors par rapport au dernier Ancètre positionné (si aucun Ancètre n'est positionné, il se réfère à la page entière, balise html).

Cette barre semble se positionner par rapport à la zone de visualisation (sous IE6) ce qui me laisse à croire qu'elle se positionne par rapport au viewport...peut-être une piste à suivre ?

Cdt,
Sylvain

op j'ai corrigé les quelques erreurs dut a mes tests

Sinon en effet la barre se positionne par rapport au viewport sous ie6 et ayant déja remarqué ce détail j'avais cherché mais encore une fois rien trouvé de concret

La position fixed (élément positionné par rapport au viewport) n'est pas implémentée par IE6 ... seule solution penser dégradation élégante (commentaires conditionnels avec position absolute (voir topo de 6l20) et éviter les magouilles JS foireuses).

Sujet maintes et maintes fois traité soit dit en passant.
Modifié par yodaswii (08 Oct 2008 - 19:53)

wachalala a écrit :
sous ie6

IE6, combien de divisions?

bon j'ai finalement reussi a fixer le probleme grace a vos réponses et à alsacreations et a ses liens.

si une autre personne tombe sur mon sujet et a le meme probleme que moi voici ou il faut chercher :

http://forum.alsacreations.com/faq/faq-67-Position-fixed-sur-Internet-Explorer-6.html

Merci de vos reponses