---
title: "IE lägger till en marginal på 4px."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/161781-ie-lägger-till-en-marginal-på-4px"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "phred"
published: "2007-06-21T14:14:16.000Z"
updated: "2007-06-21T15:08:35.000Z"
replies: 2
views: 338
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/161781-ie-lägger-till-en-marginal-på-4px"
---

# IE lägger till en marginal på 4px.

## #1 — phred, 2007-06-21T14:14Z

Hejsan, jag försöker placera ut en logo på min site med denna koden.

**CSS**

```
img.logo{
margin-top:26px;
margin-left:22px;
border:0px;
}
```

**HTML**

```
<img src="img/logo.gif" class="logo" />
```

Det fungerar fint i FF men i IE 6&7 så lägger den till en marginal på 4 pixar runt bilden (åt höger och neråt). Detta gör ju i sin tur att min div som ligger under hamnar 4 pixlar för långt ner.

Någon som har en idé vad jag kan göra ?

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

## #2 — Web-Tor, 2007-06-21T14:21Z

Det finns ingenting i den koden som lägger till någon extra marginal. Det måste vara någonting fel i den kod som du inte visar här.

Det bästa du kan göra är att felsöka genom att kommentera bort bit för bit av koden och se var det smäller.

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

## #3 — phred, 2007-06-21T15:08Z

Ok!

Men problemet är att det finns inte så mycket att tabort

här kommer CSS-koden:

```
*{padding:0px; margin:0px;}

html,body{
height:100%;
}

body{
background:url(img/bg/bg_body.gif) 0 0 #ffffff repeat-x;
margin:0px;
padding:0px;
}

div#wrapper{
width:822px;
height:100%;
background:url(img/bg/bg_topshadow.gif) 0 102px no-repeat;
margin-left:71px;
}

img.logo{
margin-top:26px;
margin-left:22px;
border:0px;
}

div#menuWrapper{
width:761px;
height:23px;
margin-top:12px;
margin-left:22px;
background-color:#000066; /*finns bara här för att se vart "kanterna" möts */
}
```

och HTML-koden:

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Creator Teknisk Utveckling AB. Ide&eacute;r blir verklighet - med professionell produktutveckling!</title>
<link href="stilmall.css" rel="stylesheet" type="text/css" />
</head>

<body>

	<div id="wrapper">
		<img src="img/logo.gif" class="logo" />
		<div id="menuWrapper"></div>		
	</div>

</body>
</html>
```

bifogar screens från FF och IE

Bilagor:

- [ff.jpg](https://www.webforum.nu/a/15085.jpg)
- [ie.jpg](https://www.webforum.nu/a/15086.jpg)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/161781-ie-lägger-till-en-marginal-på-4px
