Bonjour à vous tous,


Voilà 3 jours que j'essaie d'aligner 3 div les unes à côté des autres, mais la 3em(menu droit) se met bien à droite des 2 autres mais en-dessous alors que j'utilise le FLOAT
ci-joint mes fichiers pour un coup d'oeil
Fichier html:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index4.html</title>
<link rel="stylesheet" type="text/css" href="style_div4.css">
</head>
 
<body>
<div id="bandeau"> Ceci est le bandeau </div>
<div id="menu"> <div id="blocnews2">Bloc News2:<BR>Bonjour à tous </div>  menu gauche </div>
<div id="contenu"><div id="blocnews"> Bloc News:<BR> portes ouvertes </div> Ceci est le contenu<p>Une pub gratos </div>
   <div id="menudroit"> <div id="blocnews3">Bloc News3:<BR>Bonsoir à tous </div> menu droit </div>
</body>
</html>

Fichier CSS
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
 
/* CSS Document */
    div {
     text-align:center;
	 }
	 div#bandeau {
	              width: 780px;
		 height: 50px;
		 background-color:#00ccff;
		       }
	 div#menu{
	                float:left;
		  width:150px;
		  height: 600px;
		  background-color:#FF6699;
		  clear:both;
		  }
 
	      div#blocnews2{
	      float:left;
		  width:150px;
		  height: 150px;
		  background-color:#FF3300;
		             }
 
	 div#contenu{
 
	              width: 620px;
		 height: 600px;
		 background-color: #FFCC00;
 
		 }
 
	      div#blocnews{
	               float:right;
		  width:150px;
		  height: 150px;
		  background-color:#FF3300;
		              }	  	 	
	div#menudroit{
	                float:right;		   
		  width:160px;
		  height: 600px;
		  background-color:#FF6699;
		  		  		  }	 
	      div#blocnews3{
	                float:right;
		  width:150px;
		  height: 150px;
		  background-color:#FF3300;
		              }
 
	</div>
Mes plus vifs remerciements pour votre aide précieuse.

Claudine