---
title: "Mellanrum mellan <div> i IE"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/95719-mellanrum-mellan-div-i-ie"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Dryden"
published: "2004-01-25T21:13:17.000Z"
updated: "2004-01-25T21:47:59.000Z"
replies: 3
views: 662
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/95719-mellanrum-mellan-div-i-ie"
---

# Mellanrum mellan <div> i IE

## #1 — Dryden, 2004-01-25T21:13Z

Har lite problem. Jag har lagt upp två \<div\>, de är på 50% vardera där en ligger åt vänster och en åt höger. Tanken är alltså att de ska dela på skärmen vertikalt. Se [här](http://www.dryden.se/test/test.htm) för hur jag menar. Problemet är bara att det i IE blir ett vitt mellanrum mellan dessa två \<div\>. Så blir det dock inte i Firebird.

Följande kod används:

```
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:50%; height:100%; background: #99CCCC; z-index: 1;"></div>
<div id="Layer2" style="position:absolute; right:0px; top:0px; width:50%; height:100%; background: #993300; z-index: 1;"></div>
```

Någon?

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

## #2 — dectgap, 2004-01-25T21:25Z

xml-taggen gör att IE ställer sig i quirks mode.

Följande fungerar bättre:

```
<!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>
<style type="text/css">
html, body { margin: 0; padding: 0; height: 100%; width: 100%; }
</style>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<body>

<div id="Layer1" style="position:absolute; left:0px; top:0px; width:50%; height:100%; background: #99CCCC;"></div>
<div id="Layer2" style="position:absolute; right:0px; top:0px; width:50%; height:100%; background: #993300; "></div>
</body>
</html>
```

Dock kan det bli ett mellanrum på en pixel beroende på att 50% av ett udda tal (om \<body\> är ett ojämnt antal pixlar bred) måste avrundas.
Sätt för säkerhets skull bakgrunden på body till #99CCCC eller #993300.

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

## #3 — Dryden, 2004-01-25T21:33Z

Man tackar! :)

Men...

> xml-taggen gör att IE ställer sig i quirks mode.

Vad menas med det?

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

## #4 — dectgap, 2004-01-25T21:47Z

Webbläsarna har två lägen:
**Quirks mode** och **Standards compliance mode**
Det förstnämnda är avsett för äldre sidor och för sidor med "fulare" kod. Läsarna har överseende med en hel del felskriven kod och i IE 6 aktiveras vad som kallas för [IE box model](http://css.maxdesign.com.au/listamatic/about-boxmodel.htm).
Standards mode är avsett för nyare webbsidor och kräver renare kod.

Exakt vad de två lägena innebär skiljer sig mellan de olika läsarna, men här finns lite läsning om skillnaderna:
<http://www.mozilla.org/docs/web-developer/quirks/quirklist.html>
<http://nontroppo.org/wiki/OperaQuirksMode>
<http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp>

Om läsaren ställer sig i quirks eller standards mode beror på vilken doctype du väljer (om den utelämnas blir det automatiskt quirks mode).
Här finns en lista över olika doctypes:
<http://www.hut.fi/u/hsivonen/doctype.html>

Jag hade för mig att Jarvklo hade skrivit något om quirks/standards mode på xhtml.nu, och där hittade jag länken till:
<http://www.webforum.nu/showthread.php?s=&postid=650163#post650163>

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/95719-mellanrum-mellan-div-i-ie
