Pb pour positionner des éléments
Bonjour,
Je souhaiterais un peu d'aide afin de positionner les différents "blocks" que j'ai définis comme je veux...
Voilà mon fichier 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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
|
body {
font-family:Arial,Times;
font-size:12px;
color:black;
margin:5px;
padding:0;
border:0;
background-color:white;
}
div#main {
width:800px;
height:580px;
margin-left:auto;
margin-right:auto;
background-color:orange;
}
div#bandeau_haut {
width:800px;
height:160px;
background-color:red;
}
div#bandeau_gauche {
width:250px;
height:420px;
margin:0;
background-color:green;
}
div#infos {
width:200px;
height:100px;
margin:0;
background-color:pink;
}
div#photos {
width:200px;
height:300px;
margin:0;
background-color:lightsteelblue;
}
div#contenu {
width:490px;
height:335px;
padding:30px;
font-family:Arial,Verdana;
background-color:yellow;
}
div#menus {
width:550px;
height:30px;
z-index:100000;
background-color:black;
} |
Voilà mon fichier HTML:
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
|
<BODY>
<DIV ID="main">
<DIV ID="bandeau_haut">
</DIV>
<DIV ID="bandeau_gauche">
<DIV ID="infos">
</DIV>
<DIV ID="photos">
</DIV>
</DIV>
<DIV ID="menus">
</DIV>
<DIV ID="contenu">
</DIV>
</DIV>
</BODY> |
J'ai donc bien le "block" orange qui contient en haut le rouge, en dessous à gauche le vert (qui contient lui même le rose et bleu clair) Par contre les 'blocks' noir (menus) et jaune (contenu) j'aurais voulu qu'il se positionne sur le orange, à droite du vert. Hors là ils se mettent en dessous du orange...
Je ne sais pas comment faire :cry: alors si qq'un a une petite idée, je prends!
Merci d'avance!!!!
