Discussion :

[Mandotnet]

Bonjour, voilà j'essaye actuellement de me "standardiser" et donc de passer par le CSS pour ma mise en page.

Je voudrais donc faire le "template" de mon site, de telle sorte qu'il ressemble à la mise en page que je joins en fichier attaché.(http://www.developpez.net/forums/att...1&d=1147622598)

Le principe, c'est que le menu de gauche soit toujours visible à l'écran, que la page en elle même n'est pas de scrollbar, mais juste la partie contenu si nécessaire (overflow: auto).

Le tout devant alors tenir sur l'écran sans déroulement.

En fait si j'impose un Height fixe à mon menu et mon contenu, je n'ai aucun soucis, mais mon problème c'est de rendre adaptable cette mise en page quelque soit la résolution du client et que la page utilise tout l'espace de l'écran.

Et si je n'impose pas de Height particulier à mon menu et contenu(%), alors mon affichage ne tiens plus sur un écran.

Je ne sais pas si il existe une solution CSS pour résoudre ce problème. Une solution que j'envisage, serait de récupérer dynamiquement la résolution du client (JS) et de fixer alors mes conteneurs Menu et Contenu en fonction....

Merci de votre aide.

[edit]
Pour simplifé, j'ai une entête de 60px, pieds de page de 10 px, je voudrais que le contenu situer entre occupe le restant de l'écran, quelque soit la résolution[/edit]

[Mandotnet]

En fait, j'ai trouvé un exemple qui correspond à ce que je recherche :
http://limpid.nl/lab/css/fixed/header-and-left-sidebar

Mais la question que je me pose est : est-ce que ce CSS est valide ? (il passe le validateur w3c mais j'ai des doutes )

En effet, je ne suis pas familier de ce genre de blocs :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#left-sidebar{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }

Si vous pouviez me dire à quoi celà correspond (par exemple les étoiles ou ce genre de chose "body>div") ?

Du reste est-ce que ce genre de CSS (IE/FF) est suffisamment "pérenne", pour tourner suffisamment longtemps malgré les évolution de IE et FF (si du moins ce CSS ne serait pas totalement valide) ? (je vais finir par regretter mes tableaux pour ma mise en page )

Excusez moi de mon peu d'expérience en CSS, et merci de votre aide