PB avec div en float + padding tout simplement incompréhensif

**xess91** · 07/04/2009, 16h18

Bonjour,

je réalisais une maquette de mise en page pour pouvoir par la suite l'animer avec du javascript le but premier étant de me concentrer sur JS et non css mais il semblerait que mozilla et IE ne fassent pas leur calcul comme moi.

J'ai pas suivi de cours spécifiques au web mais j'ai quand même fait ma primaire et je sais compter me semble-t-il !

Vous allez comprendre pourquoi:

1// mon script
2// un petit shema
3// le résultat du script sur IE
4// le résultat du script sur Moz

1//

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
</head>
<body>
<div style="width:474px">
 
	<div style="float:left;width:158px;">
		<div style="width:150px;padding:10px;border:solid 4px gray">
			<img src="oran.png" style="width:130px;"/>
		</div>
		<div>
			text
		</div>
	</div>
 
	<div style="margin-left:158px;width:316px;">
		<div style="float:right;width:158px;">
			<div style="width:150px;padding:10px;border:solid 4px gray">
				<img src="vert.png" style="width:130px;"/>
			</div>
			<div>
				text
			</div>
		</div>
		<div style="width:158px;">
			<div style="width:150px;padding:10px;border:solid 4px gray">
				<img src="bleu.png" style="width:130px;"/>
			</div>
			<div>
				text
			</div>
		</div>
	</div>
</div>
</body>
</html>