---
title: "CSS-layout förvanskas i IE6 - Hjälp!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/162391-css-layout-förvanskas-i-ie6-hjälp/page2"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Reisan"
published: "2007-07-10T07:26:15.000Z"
updated: "2007-07-12T11:44:21.000Z"
replies: 26
views: 1990
page: 2
pages: 2
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/162391-css-layout-förvanskas-i-ie6-hjälp"
---

# CSS-layout förvanskas i IE6 - Hjälp!

_Sida 2 av 2._

## #21 — Reisan, 2007-07-12T07:05Z

> **tanten skrev:**
>
> Jag centrerade sidan också med en nästlad div :-)

Jag kollade din nästlade wrapper-divbox. Och jag fick inte det att funka. Dock provade jag en grej som jag använt innan, att sätta margin: 0 auto 0 auto; på header-diven, container-diven och bottomedge-divven. Det borde centrera dessa tre divboxarna ju... Men det funka inte så som min layout-css ser ut nu. Se nedan:

```
#header {
	float: left;
	height: 130px;
	width: 840px;
	margin: 0 auto 0 auto;
	background-color: #000000;
}
#container {
	background-color: #FFFFFF;
	float: left;
	width: 840px;
	margin: 0 auto 0 auto;
}
#left_content {
	float: left;
	width: 210px;
	background-color: #CCCCCC;
}
#center_content {
	float: left;
	width: 420px;
	background-color: #999999;
}
#right_content {
	float: left;
	width: 210px;
	background-color: #666666;
}
#bottom_edge {
	float: left;
	height: 10px;
	width: 840px;
	margin: 0 auto 0 auto;
}
body {
	background-color: #f6f6f6;
	background-image: url(../img/bodybg_1x768px.gif);
	background-repeat: repeat-x;
}
```

**Min HTML ser ut så här nu:**

```
<div id="header"></div>
<div id="container">
	<div id="left_content">   
    <dl>
    	<dt>Enoue.se</dt>
        <dd><a href="/enoue/omenoue.php">Om Enoue.se</a></dd>
        <dd><a href="/enoue/reitrulsson.php">Rei Trulsson</a></dd>
        <dd><a href="/enoue/portofolio.php">Portofolio</a></dd>
        <dd><a href="/enoue/cv.php">CV</a></dd>
        <dd><a href="/enoue/lankahit.php">Länka hit</a></d>
        <dd><a href="/enoue/webblasare.php">Webbläsare</a></dd>
        <dd><a href="/enoue/kontakt.php">Kontakt</a></dd>
    </dl>
    <dl>
    	<dt>Datorkunskap</dt>
        <dd><a href="/datorkunskap/dator.php">Dator</a></dd>
        <dd><a href="/datorkunskap/skarm.php">Skärm</a></dd>
        <dd><a href="/datorkunskap/pekdon.php">Pekdon</a></dd>
        <dd><a href="/datorkunskap/tangentbord.php">Tangentbord</a></dd>
        <dd><a href="/datorkunskap/lankahit.php">Högtalare</a>
        <dd><a href="/datorkunskap/webblasare.php">Skrivare</a></dd>
        <dd><a href="/datorkunskap/program.php">Program</a></dd>
        <dd><a href="/datorkunskap/usb-minne.php">USB-minne</a></dd>
        <dd><a href="/datorkunskap/cd-dvd.php">CD/DVD-skivor</a></dd>
        <dd><a href="/datorkunskap/datorbord.php">Datorbord</a></dd>
        <dd><a href="/datorkunskap/kontorsstol.php">Kontorsstol</a></dd>
      </dl>
  </div>
    <div id="center_content">
      <p class="header">Lorem ipsum dolor</p>
      <p class="breadtext">sit amet, consectetuer adipiscing elit. Maecenas ornare. Proin nec odio sed metus pretium lobortis. Etiam lacinia arcu ac sem. Ut lectus dolor, pharetra eget, porta sed, fringilla. </p>
    </div>
    <div id="right_content">right</div>
</div>
<div id="bottom_edge"><img src="img/bottomedge.gif" alt="" width="840" height="10" /></div>
```

Ni kan se **<http://test.enoue.se/mall.php>**  med ovanstående kod.

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

## #22 — tanten, 2007-07-12T08:10Z

float och margin auto fungerar inte ihop och eftersom du har bakgrundsfärg som ska visas så måste du ha float på container bl.a. Så enklast är att göra som jag gjort, lägga in allt i en div utan float.

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

## #23 — Reisan, 2007-07-12T08:19Z

> **tanten skrev:**
>
> float och margin auto fungerar inte ihop och eftersom du har bakgrundsfärg som ska visas så måste du ha float på container bl.a. Så enklast är att göra som jag gjort, lägga in allt i en div utan float.

Räcker det inte med att ta bort float i header, container och bottomedge-divarna? Du syftar på att jag ska lägga in alla divar inom en ny div som ej har float och med margin 0 auto 0 auto?

Ps. Ursäkta för trögheten. ;)

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

## #24 — tanten, 2007-07-12T08:26Z

Om du gör det kommer bakgrundsfärgen t.ex försvinna i de webläsare som tolkar sidan "rätt". 
Och du se till att sidan validerar nu när du jobbar med avstånd. Du har glömt ett \</dd\> och skrivit fel i en annan \</d\>

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

## #25 — Reisan, 2007-07-12T08:38Z

> **tanten skrev:**
>
> Om du gör det kommer bakgrundsfärgen t.ex försvinna i de webläsare som tolkar sidan "rätt". 
> Och du se till att sidan validerar nu när du jobbar med avstånd. Du har glömt ett \</dd\> och skrivit fel i en annan \</d\>

Ojdå, missade taggar. Fixat nu. Ok, då kör jag med en extra div som omsluter alltihopa. :) Tack än en gång och för att du har tålamod med mig. :)

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

## #26 — tanten, 2007-07-12T09:30Z

Ser.... du måste ha en bredd på wrapper också, annars vet inte webläsaren vad det är som ska centreras.

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

## #27 — Reisan, 2007-07-12T11:44Z

> **tanten skrev:**
>
> Ser.... du måste ha en bredd på wrapper också, annars vet inte webläsaren vad det är som ska centreras.

Åh, vad pinsamt. Ja, det måste jag ju ha. Fixat. :D

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/162391-css-layout-förvanskas-i-ie6-hjälp/page2  
Föregående sida: https://www.webforum.nu/amne/html-css/162391-css-layout-förvanskas-i-ie6-hjälp.md
