menu fixe + reste dynamique en CSS

menu fixe + reste dynamique en CSS - HTML/CSS - Programmation

Marsh Posté le 25-01-2008 à 20:23:28    

Salut,
 
J'ai un probleme avec un site php utilisant du css
 
J'ai deux parties dans mon site, un menu a gauche et le reste de la page a droite. J'utilise des div et du css pour gerer ca.
je souhaiterais que le menu de gauche ait une taille fixes de 250px, et que la partie de droite occupe le reste de l'espace.  
 
on CSS est:
 

Code :
  1. #right {
  2. position:absolute;
  3. width:100%;
  4. height:100%;
  5. top:0;
  6. left:250;
  7. overflow:auto;
  8. z-index:2;
  9. }
  10. #menu {
  11. position:absolute;
  12. width:250;
  13. height:100%;
  14. top:0;
  15. left:0;
  16. overflow:auto;
  17. z-index:2;
  18. }


 
Evidement la partie de droite (right) prend pour taille 100% = la largeur du browser....et non (largeur browser - 250 ) comme je le souhaiterais....
Du coup, ce que j'affiche a droite deborde hors cadre...
 
Pour vous rendre compte: le site est http://gitepers.free.fr/ (en construction)
 
Y a-t-il moyen de faire en sorte que le cadre de droite prenne 100% de l'espace restant une fois enleve les 250 utilises par le menu?
 
Merci d'avance!
 
Jean
 
PS: Desole pour les accents, j'ai un clavier Qwerty....

Reply

Marsh Posté le 25-01-2008 à 20:23:28   

Reply

Marsh Posté le 27-01-2008 à 15:56:15    

Salut,
 
j'ai isole mon probleme dans une page de teste:
http://gitepers.free.fr/test/
 
Comme on peut le voir, j'ai deux problemes:
- l'image de droite qui n'occupe pas tout l'espace restant
- la scrollbar qui apparait en plein milieu de la page
 
Le probleme semble venir du width:auto, mais si je le remplace par width:100% c'est guere mieux, le texte et l'image depassent parce qu'ils prennent pour taille 100% de la largeur du browser au leu de 100% de l'espace restant une fois que le menu de 250 pixels de large a ete affiche....
 
Jean

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed