[CSS] problème de positionnement
bonjour à tous,
j'ai un problème avec mon CSS et j'ai besoin de vos lumiere.
Voila je souhaiterai découper ma page en 3 div horizontaux, 1 pour le haut, 1 pour le milieu et un pour le bas. De plus dans celui du milieu, il doit y avoir 2 div, 1 pour le menu(en vertical à gauche) et 1 pour le contenu principal du site. Mais je n'arrive pas a placer ceux qui sont dans celui du mileu et celui du bas
Voici le CSS que j'ai fais:
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
| .haut{
background-color : #E15523;
padding : 5px;
}
.milieu{
background-color : #E15523;
/*width : 1008px;*/
}
.menu{
position : relative;
background-color : #E15523;
float : left;
width : 182px;
padding : 5px;
}
.conteneur{
position : relative;
left : 192px;
/*float : right;*/
background-color : #0066FF;
width : 805px;
padding : 5px;
color : white;
text-align : left;
} |
et voici le code HTML que j'ai:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <div class='haut'>
<img src="xxx.jpg" alt="xxx">
<img src="yyy.jpg" alt="yyy">
</div>
<div class="milieu">
<div class='menu'>
ici le menu
</div>
<div class='conteneur'>
ici le contenu
</div>
</div>
<div class="bas">
ici le bas
</div> |
Après, il y aura aussi sans doute d'autre div dans le conteneur (si il y a aussi des particulatité pour ces div, je suis preneur)
Merci d'avance pour votre aide
Nixonne
