Bonsoir à tous,

Je fais des teste de centrage de blocs imbriqués... ci dessous le code:
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
 
<style> 
.conteneur{
position:relative;
width:200px;
height:300px;
margin-right:auto;
margin-left:auto;
background-color:red;
}
.gauche{
position:absolute;
width:80px;
height:280px;
margin-top:10px;
margin-left:10px;
background-color:green;
}
 
.droite{
position:absolute;
width:80px;
height:280px;
margin-top:10px;
margin-left:110px;
background-color:yellow;
}
 
body { 
  margin: 0;
  text-align: center; 
}
 
</style>
</head>
<body
<div class="conteneur">
<div class="gauche"></div>
<div class="droite"></div>
</div>
</body>
</html>
Ca fonctionne parfaitement sous FF, à savoir un bloc rouge centré sur la page contenant deux autres blocs (vert et jaune), alors que sous IE le "conteneur" occupe toute la fenêtre, les 2 autres blocs sont, eux, en bonne place...
J'apprend le CSS pour être "aux normes" mais franchement avec un petit tableau c'est quand même plus simple...

Si vous pouvez m'aider avant que le désespoir ne m'envahisse

A+
Philippe