---
title: "Margin problem i IE och firefox"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/128231-margin-problem-i-ie-och-firefox"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "peppar"
published: "2005-05-14T17:39:02.000Z"
updated: "2005-05-16T13:55:03.000Z"
replies: 10
views: 483
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/128231-margin-problem-i-ie-och-firefox"
---

# Margin problem i IE och firefox

## #1 — peppar, 2005-05-14T17:39Z

har en innehållsDIV som ser ut så här:

```
#content {
	float: left;
	width: 440px; 
	margin: 10px 0px 0px 20px;
	/*background-image: url(content.jpg);
	background-repeat: no-repeat;*/
	padding: 0px;/* 10px 0px 20px;*/
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
{
```

 

Men då blir det problem i IE den verkar inte bry sig om vänstermarginalen utan lägger diven dikt-an vänstervägg på #container DIVen.

om jag gör så här istället: 

```
#content {
	float: left;
	width: 440px; 
	margin: 0px;/*10px 0px 0px 20px;/*
	/*background-image: url(imgs/back_content.jpg);
	background-repeat: no-repeat;*/
	padding: 0px 10px 0px 20px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
{
```

 Så blir IE nöjd, men det skiljer sig i Firefox, divarna hamnar inte på samma breddgrad (om man kan yttrycka sig så)

Hur kan jag lösa detta korrekt...?

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

## #2 — Guffa, 2005-05-14T19:21Z

Har du en doctype på sidan?

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

## #3 — peppar, 2005-05-14T19:33Z

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
```

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

## #4 — Guffa, 2005-05-15T00:48Z

I vissa fall så ska marginalerna räknas bort, det beror på inställningarna på elementet utanför, hur det är positionerat och vilka marginaler det har.

Ifall webbläsarena beter sig olika så kan det antingen bero på att du gjort någonting som inte är korrekt, så webbläsarna får gissa eller kompromissa, eller också kan det bero på olika buggar. Ifall det är buggar så är det oftast Firefox som visar sidan korrekt.

Tänk på att elementet blir 470 pixel brett när du sätter padding på det.

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

## #5 — peppar, 2005-05-15T11:34Z

elementet utanför ser ut såhär:

```
 #container {
	width: 780px;
	text-align: left;
	margin: 10px auto 0 auto;
	background: url(container1.jpg) #FFFFFF repeat-y;
	padding: 0 !important;
	line-height: 1.8em;
}
```

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

## #6 — Guffa, 2005-05-15T18:23Z

När jag testar med din kod så blir det precis tvärtom. IE lägger av någon anledning dubbel marginal till vänster om content.

Om jag sätter marginalen i content till noll och använder padding så ser det likadant ut i IE och FF.

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

## #7 — peppar, 2005-05-15T18:44Z

Knepigt, då är det något annat lurt som ligger innan och spökar... för köra med uteslutningsmetoden.

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

## #8 — Guffa, 2005-05-15T20:43Z

Har du validerat sidan?

<http://validator.w3.org/>

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

## #9 — martin, 2005-05-16T07:16Z

> **Guffa skrev:**
>
> När jag testar med din kod så blir det precis tvärtom. IE lägger av någon anledning dubbel marginal till vänster om content.
> 
> Om jag sätter marginalen i content till noll och använder padding så ser det likadant ut i IE och FF.

Kan vara den här buggen 
<http://www.positioniseverything.net/explorer/doubled-margin.html>

/ m a r t i n

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

## #10 — Guffa, 2005-05-16T12:38Z

> **martin skrev:**
>
> > **Guffa skrev:**
> >
> > Kan vara den här buggen 
> > <http://www.positioniseverything.net/explorer/doubled-margin.html>
>
> 
> 
> Mycket troligt. Jag besökte just nu den här tråden för att länka till just den sidan. :)

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

## #11 — peppar, 2005-05-16T13:55Z

Kikade på länken från martin, men problemet är ju inte att IE dubblar marginalen utan den nollar den, och som sagt om jag nollar som default och sätter padding-left så visar IE och Firefox inte sidan lika utan diven hamnar längre åt höger i Firefox än i IE.

En av dom datorer som jag sitter och jobbar på har fått fnatt och det verkar bara vara IE som ballat ur, programmet har betett sig underligt dom seanste dagarna, verkar vara efter en uppdatering på winupdate.
Jag har provat samma upplägg på andra datorer men då fungerar det helt smärtfritt... 

Så vad jag förstår är det Windows (för ovanlighetens skull \[not\]) som verkar ha brakat IE...

Återkommer i detta om jag hittar på något annat fel... Tack för hjälpen  :bire

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/128231-margin-problem-i-ie-och-firefox
