---
title: "Css-layout, IE vs. Mozilla-problem (som vanligt)"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/119160-css-layout-ie-vs-mozilla-problem-som-vanligt"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Troxy"
published: "2005-01-03T00:29:53.000Z"
updated: "2005-01-03T14:11:14.000Z"
replies: 6
views: 303
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/119160-css-layout-ie-vs-mozilla-problem-som-vanligt"
---

# Css-layout, IE vs. Mozilla-problem (som vanligt)

## #1 — Troxy, 2005-01-03T00:29Z

Titta här:
<http://www.troxy.net/layout.html>

Ni som använder IE (eller Opera för den delen) kommer se att allt innehåll får grå bakgrund, som jag vill, men i Mozilla färgar inte det gråa området hela sidinnehållet.

Anledningen till detta tror jag är att Mozilla verkar behöva en fast höjd på element för att det ska räknas som att de tar plats och fyller ut. Men jag kan inte sätta fast höjd eftersom mängden text hela tiden varierar.

Hur ska jag lösa detta?

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

## #2 — zcorpan, 2005-01-03T00:37Z

flytande element tas bort från dokumentflödet så #frame är lika hög som #header. Mozilla gör rätt alltså.

Du skulle kunna låta #content vara statisk.

\<edit reason="off-topic"\>
BTW, jag tror du är den första jag sett som kommer med ett CSS-problem utan att använda en XHTML doctype... :P Det är rätt, semantisk HTML är viktigare än att hoppa på det här med XHTML, IMHO :)
\</edit\>

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

## #3 — Troxy, 2005-01-03T00:41Z

zcorpan, okej, då förstår jag. Men vad var det där om statisk nu igen...är för trött.

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

## #4 — zcorpan, 2005-01-03T00:43Z

Om du låter bli att positionera ett element så är det statiskt. Ta bort floaten alltså.

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

## #5 — Troxy, 2005-01-03T00:46Z

Hm, men float: left gör ju att det blir två kollumner. Hur ska jag fixa det?

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

## #6 — PepeJeria, 2005-01-03T09:54Z

Mozilla gör rätt här, det som händer är att en float inte upptar någon plats i dokumentet, därav att din yttersta div med bakgrundsfärg inte är lika hög som floaten är. Detta är en bugg i IE, och Opera härmar de flesta IE buggar för kompabilitet. 

Om du sätter en border på #frame div:en förstår du vad jag menar. 

Enklaste sättet att fixa detta för riktiga browser är att lägga till ännu en div innan du stänger #frame div:en

```
<div style="clear:both;"></div>
```

Men det finns även elegantare lösningar där man inte behöver lägga till element i html:en. Detta genom att använda sig av css2. Du finner [här](http://www.positioniseverything.net/easyclearing.html) en artikel som förklarar detta grundligt.

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

## #7 — Troxy, 2005-01-03T14:11Z

Okej, tack så mycket.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/119160-css-layout-ie-vs-mozilla-problem-som-vanligt