[CSS] Bloc imbriqué (div/div et div/ul)
Bonsoir,
J'utilise deux div pour séparer le menu (partie gauche) du reste de mon site (partie principale).
Dans cette partie principale j'inclue le plus souvent soit des "div" soit des "ul".
Donc j'ai en gros dans la partie principale soit :
Code:
1 2 3 4 5 6
|
<div class="centre_principal">
<div class ="ligne">
...
</div>
</div> |
ou soit
Code:
1 2 3 4 5
|
<div class="centre_principal">
<ul class="formulaire">
</ul>
</div> |
Dans aucun des blocs je ne specifie de hauteur dans mes classes CSS.
Dans le 1er cas (div imbriqué), le 1er bloc englobe bien le second quelque soit la hauteur des données contenus dans le second bloc.
Par contre dans le second cas mon 1er bloc n'englobe pas le second bloc "ul" (qui est comme un tableau avec un fond et une bordure).
Comment faire pour que le second cas se comporte comme le 1er cas sans à avoir à spécifier dynamiquement une hauteur via un "style" à mon 1er bloc ?
Suis je clair ?
mes classes CSS :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
|
.centre_principal {
margin-top: 20px;
margin-left: 210px;
margin-right: 10px;
border: 1px solid #000000;
background-color: #c5cae2;
font-family: verdana, arial;
font-size: 80%;
text-align: center;
width:1050px;
}
.formulaire {
list-style-type: none;
position: absolute;
margin-left: -140px;
width: 280px;
background-color: #7B89A9;
border: 1px solid #000000;
text-align: left;
color:#FFFFFF;
padding:5px;
font-family: arial;
font-size: 12px;
}
.ligne
{
clear:both;
text-align:center;
} |
Merci