---
title: "Dubbel marginal i IE?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/162103-dubbel-marginal-i-ie"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Peeer"
published: "2007-06-30T22:34:30.000Z"
updated: "2007-06-30T22:55:18.000Z"
replies: 2
views: 370
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/162103-dubbel-marginal-i-ie"
---

# Dubbel marginal i IE?

## #1 — Peeer, 2007-06-30T22:34Z

Sitter här med ett enormt irriterande problem som jag inte lyckas lösa. Jag har följande kod.

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
<title>fel</title>
<style type="text/css">
body { background-color: #333;
		font-family: Verdana, Helvetica;
		font-size: 11px;}
#footer { background: url(images/foot.png) no-repeat;
			height: 10px;
			background-position: bottom center;
			clear: both;}

#container { background-color: #fff;
			width: 702px;
			margin: 0 auto;}
#main { width: 490px; [b]margin-left: 0;[/b] background-color: #ccc; float: left;}
#rail { width: 180px; margin-left: 10px; background-color: #aaa; float: left;}
</style>
</head>
<body>
<div id="container">
	<div id="content">
		<div id="main">Lorem ipsum...</div>

		<div id="rail"><div class="calendar">foo</div></div>
	</div>
	<div id="footer"></div>
</div>
</body>
</html>
```

Med ovanstående så är allt frid och fröjd. Resultatet ser likadant ut i såväl firefox, opera som IE (översta raden i den bifogade bilden).

Men om jag ändrar det fetmarkerade ovan till **margin-left: 10px;** så får IE för sig att lägga till 20px marginal istället (rad 3 i bilden), medans firefox och opera lägger till 10px marginal (rad 2). Varför blir det så? Och framförallt, hur löser jag det?

Bilagor:

- [fel.png](https://www.webforum.nu/a/15180.png)

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

## #2 — tydal, 2007-06-30T22:38Z

Sätt display: inline; på #main. Det är en bugg i IE6 som har hängt med ett tag:
<http://positioniseverything.net/explorer/doubled-margin.html>

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

## #3 — Peeer, 2007-06-30T22:55Z

Så fruktansvärt ologiskt men enkelt. Tack tydal!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/162103-dubbel-marginal-i-ie
