---
title: "Flytade div och margin - IE-bugg?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/120630-flytade-div-och-margin-ie-bugg"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Troxy"
published: "2005-01-20T18:09:39.000Z"
updated: "2005-01-25T08:14:12.000Z"
replies: 10
views: 379
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/120630-flytade-div-och-margin-ie-bugg"
---

# Flytade div och margin - IE-bugg?

## #1 — Troxy, 2005-01-20T18:09Z

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?

Permalänk: https://www.webforum.nu/p/120630

## #2 — mongomike, 2005-01-20T18:18Z

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

Permalänk: https://www.webforum.nu/p/1533546

## #3 — icaaq, 2005-01-20T18:20Z

> Detta måste bara vara en Internet Explorer-bugg, eller vad?

[Japp](http://www.positioniseverything.net/explorer/doubled-margin.html).

mv icaaq

Permalänk: https://www.webforum.nu/p/1533550

## #4 — Troxy, 2005-01-20T18:24Z

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?

Permalänk: https://www.webforum.nu/p/1533556

## #5 — icaaq, 2005-01-20T18:30Z

div är ett block-element, span ett inline-element

mv icaaq

Permalänk: https://www.webforum.nu/p/1533559

## #6 — mongomike, 2005-01-20T18:35Z

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

Permalänk: https://www.webforum.nu/p/1533566

## #7 — zcorpan, 2005-01-20T18:58Z

En utmärkt artikelserie om tre som förklarar block och inline. Del 1: <http://www.autisticcuckoo.net/arkiv.php?id=2005/01/11/block-och-inline-1>

Permalänk: https://www.webforum.nu/p/1533595

## #8 — Troxy, 2005-01-20T22:41Z

Tack för tipsen!

Permalänk: https://www.webforum.nu/p/1533779

## #9 — PepeJeria, 2005-01-24T13:08Z

[Bugg](http://positioniseverything.net/explorer/doubled-margin.html)

Permalänk: https://www.webforum.nu/p/1538428

## #10 — Troxy, 2005-01-24T22:34Z

**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.

Permalänk: https://www.webforum.nu/p/1538852

## #11 — PepeJeria, 2005-01-25T08:14Z

Ah sorry, sen som vanligt. Story of my life :OO

Permalänk: https://www.webforum.nu/p/1538948

---

Tråden på webben: https://www.webforum.nu/amne/html-css/120630-flytade-div-och-margin-ie-bugg
