Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1639 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  mise en page avec des <div>

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

mise en page avec des <div>

n°966868
rdams
Posté le 17-07-2007 à 18:38:42  profilanswer
 

Bonjour,
 
je ne sais pas si je suis dans la bonne rubrique, dites moi si je dois changer.
 
je suis en train de réaliser un site perso, où sera regroupé plusieurs sujet (memento programmation, carte postale ancienne, galerie de photo, ma généalogie ajout de rubrique au fur et à mesure).
 
j'ai un souci concernant la mise en page, certaine page ne font pas la hauteur de l'ecran quand elle ne sont pas assez remplie.  
comment faire pour forcé la hauteur de la page sur la hauteur de l'écran.
 
je gère la mise en page à l'aide de <div>
 
Voilà comment sont placés mes <div>
 

Code :
  1. <div id="conteneur">
  2.   <div id="entete">
  3.   </div>
  4.   <div id="contenupage">
  5.     <div id="menugauche"></div>
  6.     <div id="menudroite"></div>
  7.     <div id="milieu"></div>
  8.   </div>
  9.   <div id="pied">
  10.   </div>
  11. </div>


 
style css des <div>

Code :
  1. div#conteneur
  2. {
  3. width: 1024px ;
  4. height:inherit;
  5. margin: 0 auto ;
  6. text-align: left ;
  7. /*border: 1px solid #44526B ;*/
  8. border-left:1px solid #44526B;
  9. border-right:1px solid #44526B;
  10. background: #D7DDE6 ;
  11. }
  12. div#entete
  13. {
  14. height: 100px ;
  15. margin: 0 ;
  16. background-color: #C5C8D6;/*D6*/
  17. }
  18. p#entete2
  19. {
  20. height: 100px ;
  21. margin: 0 ;
  22. background: url(../img/haut.jpg) no-repeat center top ;
  23. }
  24. p#pied {
  25. margin: 0 ;
  26. padding-right: 10px ;
  27. line-height: 30px ;
  28. text-align: center ;
  29. color:#000000;
  30. font-family:Verdana;
  31. font-size:11px;
  32. background-color: #C5C8D6;
  33. }
  34. div#contenu
  35. {
  36. padding: 0px 0px 0px 0px ;
  37. /* background: url(bg_page.gif) no-repeat 15px 15px ;*/
  38. background: #D7DDE6;/*D7DDE6*/
  39. vertical-align:top; 
  40. /*height:800px;*/
  41. }
  42. div#milieu_gauche {
  43. float: left;
  44. width: 140px;
  45. background-color: #D7DDE6;
  46. height:inherit;
  47. }  
  48. div#milieu_contenu {
  49. height:inherit;
  50. margin-top: 0px;
  51. margin-left: 140px;
  52. margin-right: 140px;   
  53. border-left:1px solid #44526B;
  54. border-right:1px solid #44526B;
  55. background-color: #FFFFFF;
  56. vertical-align:top; 
  57. }
  58. div#milieu_droite {
  59. float: right;
  60. width: 140px;
  61. background-color: #D7DDE6;
  62. height:inherit;
  63.   
  64. }


 
 
voici l'adresse rambeaux.damien.free.fr
 
 
de plus, n'étant pas du tout graphiste, j'aimerais avoir vos avis sur ce que je pourrais réalisé niveau graphisme sur la sur la bande en haut.
 
merci


Message édité par rdams le 17-07-2007 à 18:39:59
mood
Publicité
Posté le 17-07-2007 à 18:38:42  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  mise en page avec des <div>

 

Sujets relatifs
[Webdesign] Mise en page d'une documentation de logicielMise en page avec Indesign CS3
Mon site mise a jour !Ca interesse qqun un post spécial mise en page ?
[InDesign][xml] : Création d'une mise en page dynamiqueQuestion mise en page RSS et position de grille en HTML
Utiliser un cms tableless (mise en page sans tableaux inutiles)Les regles de la mise en page??
Se passer complètement des tableaux pour la mise en page.Recommendez moi vos livres sur la PAO/mise en page
Plus de sujets relatifs à : mise en page avec des <div>


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR