Header Fixe

Bonjour


je cherche à faire en sorte que mon header soit toujours statique lorsque l'on scrolle la page vers la bas, de façon à ce que l'intitulé du site soit toujours présent à l'écran. Voici mon code

CSS:
div#left { background: url("header_left.gif") no-repeat left 50%; margin: 2px 2px 0; padding-left: 20px; height: 100px }
div#right { background: url("header_right.gif") no-repeat right 50%; padding-right: 20px; height: 100px }
div#head { background-image: url("typo2.gif"); background-position: center; margin: auto; padding: 0; position: relative; width: 100%; height: 100px }

XHTML:
<div id="left">
<div id="right">
<div id="head"></div>
</div>
</div>

NB: les div right & left sont là pour faire des angles ronds

Il existe une propriété position:fixed qui permet de faire ça, mais elle est très très mal gérée par IE, entre autres ...

Peut-être que tu peux y arriver en utilisant la propriété overflow dans un conteneur placé sous ton header ... mais je ne sais pas comment ça marche.

Une recherche sur overflow, peut-être ?

merci pour tes propositions, je vais creuser dans ce sens

Salut,

Regarde également ce lien http://css.alsacreations.com/modeles/modele13.htm

Le haut ne bouge pas en l'ensemble dessous pourrais contenir le reste du site. A tester

JP

Edit : Overflow est utilisé dans le CSS
Modifié par tibrus (30 Aug 2005 - 12:26)

merci pour ta réponse,

Ca fonctionne effectivement lorsque les hauteurs sont définies en pourcentages, mais dans mon cas j'ai des pixels à cause des images qui sont dans mon header...

faut que je continue à tester.... @+

Le modèle d'origine ne fonctionne pas du tout sur MSIE pour Mac...

tant pi