float sur div qui ne fonctionne pas
Bonsoir,
j'ai un petit problème sur un float qui ne fonctionne pas : je veux faire flotter un div(dont l'id est doc) à gauche d'un autre(dont l'id est menu_droite) mais visiblement ça ne fonctionne pas.
Pourriez vous m'expliquer pourquoi?
Voici ma page:
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
| <html>
<head>
<style type="text/css">
#menu_droite
{
border: 2px solid red;
}
#doc
{
float:left;
border: 2px solid black;
}
</style>
</head>
<body>
<div id="doc">
<p>Synopsis : Jake Sully est un ancien marine immobilisé dans un fauteuil roulant. Malgré sa paralysie, Jake est resté un combattant au plus profond de son être.
Il est recruté pour se rendre à des années-lumière de la Terre, sur Pandora, où de puissants groupes industriels exploitent un minerai rarissime destiné à résoudre
la crise énergétique sur Terre. Parce que l’atmosphère de Pandora est toxique pour les humains, ceux-ci ont créé le Programme Avatar, qui permet à des « pilotes »
humains de lier leur esprit à un avatar, un corps biologique commandé à distance, capable de survivre dans cette atmosphère létale. Ces avatars sont des hybrides
génétiquement en croisant l’ADN humain avec celui des Na’vi, les autochtones de Pandora. Sous sa forme d’avatar, Jake peut de nouveau marcher. On lui confie une m
ission d’infiltration auprès des Na’vi, devenus un obstacle trop conséquent à l’exploitation du précieux minerai. Mais tout va changer lorsque Neytiri, une très b
elle Na’vi, sauve la vie de Jake. Ce dernier est alors recueilli par son clan, et à travers de nombreuses épreuves et aventures, il va apprendre progressivement à
devenir l’un des leurs. Alors que la relation entre Jake et la réticente Neytiri s’approfondit, Jake en vient à respecter le mode de vie des Na’vi et finit par tr
ouver sa place parmi eux. Reste pour lui à affronter l’ultime épreuve en les menant dans une bataille épique qui devra sceller le destin de tout un monde. </p>
</div>
<div id="menu_droite">
<ul>
<li>menu 1</li>
<li>menu 2</li>
<li>menu 3
<ul>
<li>sous menu 1</li>
</ul>
</li>
</ul>
</div>
</body>
</html> |
merci
