Uiterst simpele vraag waar ik een antwoord op zoek;
Als ik het resultaat bekijk van deze code in IE;
... dan zie ik een perfect resultaat.
De margin van de eerste box is netjes 10 aan de bovenkant en 10 aan de linkerkant, ten opzichte van de body. Maar- als ik nu de regel display: inline; weghaal, dan wordt de margin van (alleen de eerste box, niet de tweede?) de eerste box opeens 20.
Is hier een duidelijke (zodat ondergetekende ook nog wat leert) verklaring voor? Ik lijk het gedrag niet te snappen
Als ik het resultaat bekijk van deze code in IE;
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
| <html>
<head>
<style>
body { margin: 0px; padding: 0px; }
.box
{
float: left;
display: inline;
width: 200px;
height: 100px;
background-color: blue;
margin: 10px 0px 10px 10px;
}
</style>
<title>Jeroen CSS tests</title>
</head>
<body>
<div class="box"></div>
<div class="box"></div>
</body>
</html> |
... dan zie ik een perfect resultaat.
De margin van de eerste box is netjes 10 aan de bovenkant en 10 aan de linkerkant, ten opzichte van de body. Maar- als ik nu de regel display: inline; weghaal, dan wordt de margin van (alleen de eerste box, niet de tweede?) de eerste box opeens 20.
Is hier een duidelijke (zodat ondergetekende ook nog wat leert) verklaring voor? Ik lijk het gedrag niet te snappen
[ Voor 21% gewijzigd door Verwijderd op 03-11-2005 12:29 ]
:strip_exif()/u/21721/avatar.gif?f=community){kind=avatar}
/u/5360/crop65d3c045ca48f_cropped.png?f=community)
:strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}
