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

Problème de height 100% et de position... - HTML/CSS - Programmation

Marsh Posté le 11-07-2009 à 17:42:53    

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
Reply

Marsh Posté le 11-07-2009 à 17:42:53   

Reply

Marsh Posté le 11-07-2009 à 19:49:03    

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
Reply

Marsh Posté le 11-07-2009 à 22:56:32    

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

Reply

Marsh Posté le 12-07-2009 à 11:41:58    

Merci beaucoup, j'ai tout compris.

Reply

Sujets relatifs:

Leave a Replay

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