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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème de height 100% et de position...

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème de height 100% et de position...

n°1904623
bingojm
Posté le 11-07-2009 à 17:42:53  profilanswer
 

Bonjour à tous,
 
Je réédite ma question pour être plus clair...
 
Alors voici mon soucis.
Comme vous le voyez, je n'arrive pas à prolonger mon menu de gauche jusqu'en bas...
Pourquoi cela ne va pas?
 
Voici mon code CSS:

Code :
  1. html, body {
  2. margin: 0;
  3. padding: 0;
  4. height: 100%
  5. }
  6. body {
  7. margin: 0;
  8. padding: 0;
  9. font: 75%/1.5em Verdana, Arial, Helvetica, sans-serif;
  10. text-align: left;
  11. font: 80%/1.3em Verdana, Arial, Helvetica, sans-serif;
  12. background-color: #BDE6BD;
  13. }
  14. #container {
  15. position: relative;
  16. width: 800px;
  17. margin: 0 auto;
  18. height:100%;
  19. }
  20. #header1 {
  21. width: 800px;
  22. height: 80px;
  23. background:  url(images/header.jpg) top center no-repeat;
  24. }
  25. #header2 {
  26. width: 800px;
  27. height: 100px;
  28. background:  url(images/header2.jpg) top center no-repeat;
  29. }
  30. #gauche {
  31. float: left;
  32. width: 180px;
  33. background-color: #78bb78;
  34. height: 100%;
  35. background-image: url(images/lierre.gif);
  36. background-repeat: no-repeat;
  37. }
  38. .menugauche {
  39. list-style-type: none;
  40. margin: 20px 0px 0px;
  41. padding:0px;
  42. }
  43. .menugauche li {
  44. margin-bottom: 10px;
  45. border-bottom-width: 1px;
  46. border-bottom-style: solid;
  47. border-bottom-color: #bde6bd;
  48. padding-bottom: 10px;
  49. padding-left: 10px;
  50. }
  51. .menugauche a {
  52. margin: 0 2px;
  53. color: #000000;
  54. text-decoration: none;
  55. font-size: 11px;
  56. padding-bottom: 10px;
  57. }
  58. .menugauche a:hover {
  59. text-decoration: none;
  60. color: #FFFFFF;
  61. }
  62. #droite {
  63. background-color:#FFFFFF;
  64. margin-left: 180px;
  65. }
  66. p {margin: 0 10px 10px 10px;}
  67. #titre {
  68. padding: 10px 10px 20px 10px;
  69. font-weight: bold;
  70. }
  71. #bas {
  72. width: 800px;
  73. height: 50px;
  74. background-color:#99CC99;
  75. }


Message édité par bingojm le 12-07-2009 à 11:41:45
mood
Publicité
Posté le 11-07-2009 à 17:42:53  profilanswer
 

n°1904630
bingojm
Posté le 11-07-2009 à 19:49:03  profilanswer
 

Le contenu ci-dessus a été rectifié...
Je précise que je cherche à ce que mon menu de gauche s'adapte en hauteur en fonction du contenu de droite.


Message édité par bingojm le 11-07-2009 à 20:42:39
n°1904646
David Bori​ng
Posté le 11-07-2009 à 22:56:32  profilanswer
 

Tu peux lire cet article
http://www.alsacreations.com/astuc [...] uteur.html
 
Bonne chance

n°1904674
bingojm
Posté le 12-07-2009 à 11:41:58  profilanswer
 

Merci beaucoup, j'ai tout compris.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème de height 100% et de position...

 

Sujets relatifs
probleme de drop de table sur oracleProblème avec le rafraichissement d'une page
Inserer un tableau dans du php, problemeproblème de démarrage des applications
Problème image dans tableauprobleme de redirection nordnet
[Suppression]Problème pour récuperer une IPprobleme avec worksheet_calculate
problème scrollView cocoaProblème avec variable php
Plus de sujets relatifs à : Problème de height 100% et de position...


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