Afficher un message
Vieux 31/03/2008, 11h17   #4
SAM
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut Re: Mise en page : Header de hauteur fixe, contenu de hauteur élastique et footer de hauteur fixe

Olivier Miakinen a écrit :
> Le 30/03/2008 22:22, Olivier Miakinen a écrit :
>>> Seul le contenu peut avoir une barre de défilement quand le texte est
>>> plus que la zone d'affichage. Les autres éléments (en-tête, menu, pied
>>> de page) doivent toujours être visibles ne doivent pas bouger.

>
> Bon, j'ai décidément mauvaise mémoire car cela devait être ce que tu
> cherches à faire, mais je crois que je ne retrouverai pas ce que j'avais
> fait.
>
> En revanche, tu peux peut-être t'inspirer de la norme elle-même :
> http://www.yoyodesign.org/doc/w3c/cs...ed-positioning
>
> En particulier, #entete et #pied peuvent être en position fixed, mais
> pour que ça se dégrade bien dans Internet Explorer 6 il faudrait que
> le menu et le contenu soient dans le flux normal, avec pour le menu une
> marge supérieure égale à la hauteur de l'en-tête, et pour le contenu
> une marge inférieure égale à la hauteur du pied de page.



Les CSS n'ayant pas prévu d'autre cas que l'allongement automatique,
il ne reste que le JS pour fixer la hauteur résiduelle à confier au
"contenu" :
<http://www.pompage.net/pompe/pieds/>
ça date un peu (2004) et possiblement il peut être trouvé plus élégant ?

Sinon pour la méthode Olivier :
<http://www.pompage.net/IMG/html/page_modele12.html>
<http://www.pompage.net/pompe/cssdezero-9/>
<http://www.pompage.net/articles>

--
sm
  Réponse avec citation
 
Page generated in 0,04884 seconds with 9 queries