PB avec div en float + padding tout simplement incompréhensif
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:
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> |
2//http://xess91.free.fr/shema.png
3//http://xess91.free.fr/capei.jpg
4//http://xess91.free.fr/capmoz.jpg
Voilà ou j'en suis après des calculs dignes de math sup! lol
Mais pourquoi ??????
