bingojm | 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 :
- html, body {
- margin: 0;
- padding: 0;
- height: 100%
- }
- body {
- margin: 0;
- padding: 0;
- font: 75%/1.5em Verdana, Arial, Helvetica, sans-serif;
- text-align: left;
- font: 80%/1.3em Verdana, Arial, Helvetica, sans-serif;
- background-color: #BDE6BD;
- }
- #container {
- position: relative;
- width: 800px;
- margin: 0 auto;
- height:100%;
- }
- #header1 {
- width: 800px;
- height: 80px;
- background: url(images/header.jpg) top center no-repeat;
- }
- #header2 {
- width: 800px;
- height: 100px;
- background: url(images/header2.jpg) top center no-repeat;
- }
- #gauche {
- float: left;
- width: 180px;
- background-color: #78bb78;
- height: 100%;
- background-image: url(images/lierre.gif);
- background-repeat: no-repeat;
- }
- .menugauche {
- list-style-type: none;
- margin: 20px 0px 0px;
- padding:0px;
- }
- .menugauche li {
- margin-bottom: 10px;
- border-bottom-width: 1px;
- border-bottom-style: solid;
- border-bottom-color: #bde6bd;
- padding-bottom: 10px;
- padding-left: 10px;
- }
- .menugauche a {
- margin: 0 2px;
- color: #000000;
- text-decoration: none;
- font-size: 11px;
- padding-bottom: 10px;
- }
- .menugauche a:hover {
- text-decoration: none;
- color: #FFFFFF;
- }
- #droite {
- background-color:#FFFFFF;
- margin-left: 180px;
- }
- p {margin: 0 10px 10px 10px;}
- #titre {
- padding: 10px 10px 20px 10px;
- font-weight: bold;
- }
- #bas {
- width: 800px;
- height: 50px;
- background-color:#99CC99;
- }
|
Message édité par bingojm le 12-07-2009 à 11:41:45
|