Bonsoir à tous,

j'essaie la mise en page d'un site en css + les blocs div et je rencontre un soucis.

à vous de voir, si vous avez une idée :
http://thierry.melleraud.free.fr/yum2/

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
<html>
<head>
<link href="yum2/charte.css" rel="stylesheet" type="text/css" />
<title>Association FORMA CONSULT</title>
</head>
 
<body>
<div class="head1">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#3,0,0,0" width="800" height="147" 
 
align="middle">
<param name="SRC" value="../yum2/banniere.swf">
<param name="QUALITY" value="high">
<param name="BGCOLOR" value="#FFFFFF">
<embed src="../yum2/banniere.swf" pluginspage="http://www.macromedia.com/shockwave/download/" type="application/x-shockwave-flash" width="800" height="147" align="middle" 
 
quality="high">
</embed></object>
</div>
<div class="head2" align="center">
<div class="menu">
  <a href="../yum2/index.php?view=page1">Accueil |</a>
  <a href="../yum2/index.php?view=association">Association |</a>
  <a href="../yum2/index.php?view=articles">Articles |</a>
  <a href="../yum2/index.php?view=liens">Liens |</a>
  <a href="../yum2/index.php?view=contacts">Contacts</a>
</div>
</div>
<div class="news">
</div>
<div class="centre">
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse potenti. Cras leo nibh, aliquet nec, interdum et, consequat sed, nulla. Praesent nec quam quis augue 
 
auctor pulvinar. Nunc vehicula wisi et mi. Quisque ultricies volutpat metus. Nulla eu erat sed mauris euismod tempor. Aliquam sit amet quam vitae massa dignissim fringilla. Nam pharetra 
 
lobortis velit. Donec scelerisque, nisl a molestie vulputate, urna lectus rhoncus ante, in congue lacus erat ac urna. Duis quam. Phasellus diam eros, ullamcorper dictum, lacinia in, accumsan 
 
vel, felis. Ut at sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p>
 
<p>Sed gravida leo sed quam. Aenean vitae pede a felis semper vestibulum. Mauris non ante. Pellentesque suscipit lectus at erat. Integer et risus id tortor pellentesque tempus. Aliquam 
 
dui nulla, suscipit nec, consectetuer a, fringilla at, diam. Aliquam fermentum. Pellentesque augue lorem, dignissim id, adipiscing sit amet, luctus at, purus. Integer nec arcu ac dui placerat 
 
rutrum. Maecenas dignissim, justo nec rhoncus dignissim, nulla felis vehicula massa, in commodo quam erat vitae lectus. Vestibulum lectus mauris, hendrerit nec, dapibus non, tempus nec, 
 
erat</p>
</div>
</body>
</html>
mon 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
 
body {
background-image: url('../yum2/img/fond.jpg');
margin: 0px;/* sans marges, la page sera collée aux bords */
font-family: Verdana, Geneva, Arial, sans-serif; /* on définit la police de base dans la page */
font-size: 12px; /* on définit la taille de police de base dans la page */
}
 
.head1 {
width: 800px;
height: 147px;
}
 
.head2 {
background-image: url('../yum2/img/navbar.jpg');
width: 800px;
height: 19px;
} 
 
.news {
background-color: #48779E;
position: absolute;
left:0; /* on place le bloc gauche à gauche en position absolue */
width: 280px;
height: 600px;
}
 
.centre {
background-color: #ffffff;
margin-left: 280px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
width: 520px;
height: 600px;
}
 
.menu a {
font-size: 11px;
font-family: Verdana, Geneva, Arial, sans-serif; /* on définit la police de base dans la page */
font-color: #8D8E8F;
text-decoration: none;
}

Merci pour vos réponses.