<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<style type="text/css">
body {
margin: 0;
padding: 0;
background-color: #000;
}
div {
float: left;
background-color: #FFF;
margin: 20px;
}
</style>
</head>
<body>
<div>20 pixlar margin</div>
</div>
</body>
</html>
Lagret är flytande till vänster med 20 pixlars marginal.
I Internet Explorer blir dock vänstermarginalen dubbelt så bred om den är angiven att vara. 40 pixlar visas det som alltså. Men höger-, över- och undermarginalen blir 20 pixlar. Detta måste bara vara en Internet Explorer-bugg, eller vad?
Jag har aldrig upptäckt detta innan då jag inte använder divar särskilt ofta, men om du inte tvunget behöver använda dig utav div så fungerar det prima med span.
Den största skillnaden är väl att span inte formaterar texten av sig själv som div gör med radbrytningar över och under. Jag har för mig att man inte heller kan använda sig utav align i span men det är lätt att komma runt då man använder css.
Men jag är ingen expert i ämnet, span gör i alla fall ingen formatering som standard utav texten den innefattar.
