Div adapté à la hauteur des pages

Div adapté à la hauteur des pages - HTML/CSS - Programmation

Marsh Posté le 03-11-2006 à 11:25:01    

Bonjour,
je developpe un site avec des div.
Je rencontre un probleme car j'ai mis une hauteur max pour mes div.  
Le probleme est que certaines pages de mon contenu ne sont pas pleinne. C'est à dire que si mon contenu est vide jai quand même un hauteur max et je trouve ça bien moche et vide. Je ne veux pas travailler avec des scrollbars.
 
voilà mon code de ma page css
 

Code :
  1. div#bandeau {
  2. width:1024px;
  3. height:70px;
  4.     background-color:#FFFFFF;
  5. }
  6. div#menu {
  7.     float:left;
  8. width:100px;
  9. height:700px;
  10. background-color:#FFFFFF;
  11. }
  12. div#menuhaut {
  13. width:160px;
  14. height:364px;
  15. background-color:#FFFFFF;
  16. }
  17. div#menubas {
  18. width:160px;
  19. height:872px;
  20. background-color:#FFFFFF;
  21. }
  22. div#contenu {
  23.     float:left;
  24.    width:864px;
  25. height:1356px;
  26. background-color:#FFFFFF;
  27. }
  28. div#pied_page {
  29. clear:both;
  30. width:1024px;
  31. height:40px;
  32. background-color:#FFFFFF;
  33. }


 
 
 
 
Pour etre plus claire la page se constitut comme cela :
 
                          BANDEAU
 
MENU
 
MENU HAUT       CONTENU
 
MENU BAS
   
                      PIED DE PAGE

Reply

Marsh Posté le 03-11-2006 à 11:25:01   

Reply

Marsh Posté le 03-11-2006 à 12:14:42    

Tu sais, mettre que des DIV dans une page Web, c'est aussi débile que de faire une Mise en page tableau.
 
Bon sinon tiens des bonnes bases :
 
http://css.alsacreations.com/Model [...] age-en-CSS

Reply

Marsh Posté le 03-11-2006 à 12:32:57    

Mets les hauteurs en auto. Et les div ne sont la que pour la forme principale de la page ensuite tu peux utiliser les class

Reply

Marsh Posté le 03-11-2006 à 13:47:15    

xtof_83 le html ne sert pas à grand chose pour mes pages vu que dans chaques div est associés un include(contenu.php) par exmple. Il s'agit juste d'une mise en forme pour mon cas

Reply

Marsh Posté le 03-11-2006 à 13:51:40    

Sparrowix ok pour le auto c'est cool ça fonctionn bien avec le CONTENU mais par contre pour le MENU bah ça ne suit pas vu vu que le contenu n'est pas lié au MENU (sachant que dans le MENU j'ai MENU BAS + MENU HAUT contenu dans le MENU si j'ai bien compris non) ?

Reply

Marsh Posté le 03-11-2006 à 15:57:43    

jiojioforeverandever a écrit :

xtof_83 le html ne sert pas à grand chose pour mes pages vu que dans chaques div est associés un include(contenu.php) par exmple. Il s'agit juste d'une mise en forme pour mon cas


 
 :sweat:

Reply

Marsh Posté le 03-11-2006 à 20:32:15    

@jiojioforeverandever : Moi je mettrais qu'un seul div menu et ensuite 2 listes pour les 2 menus différents ça évite un peu les embrouilles avec menu1, menu2, menu...comme ça tu peux mettre ton menu en height: auto; et tu n'a pas besoin de t'embêter avec la hauteur du reste

Reply

Marsh Posté le 03-11-2006 à 21:38:43    

ok je vais tenter ça. Par contre, la taille auto elle va se mettre selon ma page contenu mais pour le menu comment le div menu va savoir qu'il faut s'étendre selon ma page contenu ?

Reply

Marsh Posté le 04-11-2006 à 10:02:53    

Tu peux pas en CSS, faut avec du JS au meilleur cas. ou feinter.

Reply

Sujets relatifs:

Leave a Replay

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