TroxyMedlem sedan mars 20041 505 inlägg Kolla in detta:
http://www.hlan.se/test.htm
<!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.
//Mike
TroxyMedlem sedan mars 20041 505 inlägg icaaq, tack, tänkte väl det. Jäklar då, att man orkar med IE. Som tur var fanns en enkel lösning.
mongomike, jag vet inte om jag kan köra span istället. Vad är skillnaden egentligen?
icaaqMedlem sedan okt. 20005 273 inlägg div är ett block-element, span ett inline-element
mv icaaq
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.
//Mike
zcorpanMedlem sedan dec. 20042 245 inlägg TroxyMedlem sedan mars 20041 505 inlägg PepeJerie, hehe, du är lite sent ute kanske. icaaq postade den länken för 4 dagar sedan. Men tack ändå ;)
Att använda vertical-align: middle; på bilderna löser detta.
Ah sorry, sen som vanligt. Story of my life :OO
