PHWinfo - Afficher un message - Mise en page : Header de hauteur fixe, contenu de hauteur élastique et footer de hauteur fixe

31/03/2008, 08h59

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.
>
> Ah non, ce n'est pas exactement pareil alors. En cas de dépassement de
> la zone d'affichage (ce qui était rarissime avec les polices par défaut)
> c'est toute la page qui gagnait un ascenseur. Enfin... je crois...

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.

31/03/2008, 08h59	#3
Olivier Miakinen Messages: n/a Hébergeur:	Re: Mise en page : Header de hauteur fixe, contenu de hauteur élastique et footer de hauteur fixe 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. > > Ah non, ce n'est pas exactement pareil alors. En cas de dépassement de > la zone d'affichage (ce qui était rarissime avec les polices par défaut) > c'est toute la page qui gagnait un ascenseur. Enfin... je crois... 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.