Discussion :

[bkadoum]

Je débute en css et mon problème est simple: j'ai un div "menu" et un div "caddy" qui est lui-même contenu dans le menu. Sous IE ça centre le caddy mais pas sur Firefox. J'ai essayé avec text-align:center, float:center mais c'est sans effet... J'imagine que IE fait des choses tout seul alors qu'avec FF il faut tout bien déclarer, alors comment?? J'en ai marre de chercher.

Voila mon code 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
 
 
@CHARSET "ISO-8859-1";
 
div {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}
 
#head {
	width:100%;
	height:57px;
	background-image:url("img/bordu_094.jpg");
}
 
#content {
	width:70%;
	height:450px;
	background-color:#FFCC00;
	overflow:scroll;
}
 
#menu {
	float:left;
	width:30%;
	height:450px;
	background-image:url("img/bordu_282.jpg");
}
 
#caddy {
	width: 60%;
	height: 100px;
	background-color: aqua;
}

[Bisûnûrs]

C'est un bug d'IE qui centre aussi les éléments block avec text-align:center dans d'autres éléments block, alors que cette propriété n'est censée agir que sur les éléments inline.

Rajoute

Code :

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

margin:0 auto;

à ton div caddie pour le center dans ton div menu.

[bkadoum]

merci !