Discussion :

[Leole]

Bonsoir,

Je n'arrive pas à centrer l'affichage des div sous IE.

voilà le CSS que j'utilise et qui fonctionne sous firefox.

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("../ressources/body.jpg");
	width:760px;
	margin:auto;
  	opacity:0.6; /* CSS3 standard */
}
 
div.banner{
 
	height:100px;
	width:760px;
	background-position:10px;
	background-image: url("../ressources/banner.jpg");	
	background-repeat:no-repeat;
	background-color:white;
	border:silver solid 2px;
}
 
div.body{
 
		width:760px;
		margin-top:20px;
		background-color: white;
		border:	silver 2px solid;
}
div.footer{
 
	height:110px;
	width:760px;
	text-align:center;
	margin-top:20px;
	background-position:right;
	background-image: url("../ressources/footer.jpg");
	background-color:white;
	background-repeat: no-repeat;
	border:silver 2px solid;
}

Merci d'avance pour toute aide

Bien à vous,

Leole

[lodan]

Bonsoir,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
body {
  margin: 0; /* pour éviter les marges */
  text-align: center; /* pour corriger le bug de centrage IE */
}
 
#global {
  margin-left: auto;
  margin-right: auto;
  width: 400px;
  text-align: left; /* on rétablit l'alignement normal du texte */
}

Par exemple

[Leole]

Merci beaucoup, je me suis inspiré des lignes importantes et cela fonctionne

Bonne soirée à toi

[Bisûnûrs]

De toute évidence, si le margin:auto ne fonctionne pas sur IE c'est qu'il est en mode Quirks (sans DOCTYPE ou incomplet).

De ce fait, je te conseille d'utiliser un DOCTYPE, plutôt que des ristournes pour IE :
http://xhtml.developpez.com/faq/?pag...#html_doctypes