Background effacé par un block
Bonjour,
Je debute en CSS et j'ai un probleme avec mon background.
La zone qui pose probleme est simple pourtant. En fait tout le body dispose d'un background blanc. Maintenant je voudrais faire une partie avec un contenu à gauche et à droite un menu, l'un à coté de l'autre.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<body>
<div id="site">
..........
<div id="divSansCss">
<div id="contenu">
........
</div>
<div id="menuDroit">
........
</div>
</div>
</div>
</body> |
et le 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
|
body{
background:teal;
font-family:Georgia,Bitstream ,serif;
font-size:12px;
line-height:18px;
}
#site {
background:white;
margin-left: auto;
margin-right: auto;
width: 940px;
text-align: left; /* on rétablit l'alignement normal du texte */
clear:both;
}
#content {
float:left;
margin-top:10px;
width:70%;
}
#menuDroit
{
float:left;
width:25%;
padding-left:30px;
} |
On devrait avoir une bande bleu (teal) à gauche, mon site avec un fond blanc et une bande bleu (teal) à droite.
Mais mon fond blanc disparait, une fois qu'il arrive à la div d'id=divSansCss , le fond bleu(teal) prend le desssus :'(
Pouvez vous m'aider svp
