Problème de centrage sous IE (encore)

**filtep** · 05/02/2010, 20h10

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

**cssman** · 06/02/2010, 16h12

Il vaut mieux éviter les positionnements absolus, ils sont plus difficiles à maîtriser que les positionnements flottants.

Ce code là serait préférable (à mon sens) :

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
.conteneur{
width:200px;
height:300px;
margin-right:auto;
margin-left:auto;
background-color:red;
padding:10px
}
.gauche{
float:left;
width:80px;
height:300px;
margin-left:10px;
background-color:green;
}
 
.droite{
width:80px;
height:300px;
margin-left:110px;
background-color:yellow;
}

Problème de centrage sous IE (encore)

Centrer un élément en CSS

Vue hybride

Discussions similaires

Partager

Partager