div qui reste au-dessus de la barre d'état
Question
div sur le site ci-dessous qui ont recherche en bas et il reste toujours au-dessus de la barre sticked d'état si u faire défiler vers le bas.
http://www.outlawdesignblog.com/
u peut me montrer de bien vouloir une solution
La solution
Voici un exemple autonome de la façon dont ils le font, testé dans IE7 et FF3:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html><head><style>
#staticpanel {
background:#B85503 none repeat scroll 0 0;
border-top:1px solid #C3702C;
bottom:0;
padding:12px 0;
position:fixed;
width:100%;
z-index:100;
}
</style></head><body>
<div id='staticpanel'>Hello!</div>
</body></html>
Autres conseils
Si je me souviens doesnt position de support droite IE: fixe. La meilleure façon d'imiter la position. Fixe est d'utiliser des expressions trop dynamiques et ont le calculate d'expression et mettre à jour la position absolue y etc
L'exemple de RichieHindle va cependant travailler pour les autres navigateurs.
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow