Salut à tous

Alors voila, j'aimerais ajouter à mon site un petite effet style youtube (voir en bas : http://www.youtube.com/ ). Bien sur en beaucoup plus simple, juste une div de 100% largeur et 30px de hauteur.
J'ai bien essayé en css mais sa ne fonctionne pas (en absolut par rapport au body), j'imagine donc que la solution est en js (jquery). Pour info la hauteur de mon site est variable en fonction des articles.

Pouvez-vous m'aider svp, ça fait un bon petit moment que je cherche déjà

Merci d'avance

Alex

En utilisant la position relative, tu place ton div par rapport à un autre, avec une position fixed, tu le place à un endroit de la fenetre, et il y restera toujours, même en utilisant les scrollbar.

Tu peut par exemple faire :

width: 100%;
height: 30px;
position: fixed;
top: 0px;

Merci mostuf,

Mais ce code me met une div en haut de page alors que je souhaite qu'elle soit en bas

Voici mon code :

#blok {
position: relative;
width: 100%;
height: 30px;
position: fixed;
background-color: #999;
top: 0px;
}

<div id="blok">exempleeeeeeee</div>

Merci pour ton aide

Alex

Ah pardon, j'ai récupérer un code que j'avais déjà fait.

Il te suffit de changer le top: 0px; qui indique en haut de la page, part un bottom: 0px; et ça devrait fonctionner.

Après tu peut aussi jouer sur l'opacité, c'est ce que j'ai fait, comme ça le div est légèrement transparent et permet de voir ce qu'il y a en dessous.

opacity: 0.8;

Mince j'aurais pu y penser lool

Merci mille fois mostuf