---
title: "Float problem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/144910-float-problem"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "andreaswebb"
published: "2006-04-02T11:55:22.000Z"
updated: "2006-04-03T19:57:27.000Z"
replies: 13
views: 649
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/144910-float-problem"
---

# Float problem

## #1 — andreaswebb, 2006-04-02T11:55Z

Hej på er!

Har ett problem med float. Jag har en div med en bakgrundsfärg. I denna div har jag sedan två divar; den ena med float: left och den andra med float: right.
När någon av dessa blir längre än diven som de ligger i så hamnar texten utanför. Det beror ju på att en div som har en float hamnar utanför diven den ligger i. Min fråga är då: Hur kan man lösa detta?

Sidan:
<http://gd.famstromgren.se/?sida=user/avtal>

CSS:
<http://gd.famstromgren.se/css/standard.css>

Tack på förhand!

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

## #2 — Okkido, 2006-04-02T11:57Z

\<div id="vänster"\>\</div\>
\</div id="höger"\>\</div\>

\<div style="clear:both"\>\</div\>

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

## #3 — andreaswebb, 2006-04-02T12:09Z

Det fungerar inte... :(

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

## #4 — andreaswebb, 2006-04-02T13:16Z

Jag la en bakgrundfärg och lite höjd på den diven med clear: both. Som ni ser så hamnar den rätt, men det förlänger inte den vita färgen iallafall.

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

## #5 — jarvklo, 2006-04-02T14:28Z

Hmm..
Det är skillnad på och height och min-height ;)

```
#wrapper {
...
height: 100%;
...}
```

 ser ut att kunna vara en stor del av problemet (eftersom den innebär att alla bakgrunder i #wrapper slutar repetera sig längre än 100% av fönsterhöjden om dokumentet är högre än fönsterhöjden)...

Det \*borde\* bli bättre om du kör med 

```
#wrapper {
... 
min-height: 100%;  /* som det egentligen skall vara */
...
}
* html #wrapper {
height: 100%;  /* som behövs för MSIE6 och tidigare */
}
```

Du kan också prova att ta till en villkorlig kommentar (kolla t.ex. hur höjden hanteras på #container i <http://member.webforum.nu/2241/bottenfast_sidfot_plus_tvaspalt.html> )

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

## #6 — zcorpan, 2006-04-02T14:49Z

Kan vara värt att notera att MS har fixat 'height' och implementerat 'min-height' i IE7, så om du använder en konditionell kommentar borde det vara 

```
<!--[if lte IE 6]>
```

 för att det ska fungera korrekt i IE7.

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

## #7 — andreaswebb, 2006-04-02T15:29Z

Tror att jag har gjort som jarvklo sa, men det hjälper inte. Kan tillägga att både IE7 & 6 inte vill vara med på min-height, om jag inte gjort fel vill säga.

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

## #8 — jarvklo, 2006-04-02T20:55Z

Hmm...

Du behöver flytta din "clear-div" så att den ligger i #wrapper och inte som nu i #content...

Flytta alltså ner raden 

```
			<div style="height: 100px; background-color: #CC0000; clear: both;">&nbsp;</div>
```

 så att den ligger framför din sista \</div\> i body ;)

OT: 
zcorpan - tack den hade jag missat. 
Jag har uppdaterat exemplet nu :bire

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

## #9 — Troxy, 2006-04-02T21:53Z

> **zcorpan skrev:**
>
> Kan vara värt att notera att MS har fixat 'height' och implementerat 'min-height' i IE7

Åh! Intressant!   :D 
Har du mer info om detta? Är det fixat till 100%? Gäller det bara Standards Mode, med vissa Doctypes etc.?

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

## #10 — andreaswebb, 2006-04-03T18:54Z

Man får tacka så mycket :) Nu är det bara att få det att fungera i IE 7. Ska kolla på länken som finns ovan..

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

## #11 — andreaswebb, 2006-04-03T19:08Z

Verkar inte som om nått av de fungerar i IE7, men det kanske kommer att implementeras senare.

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

## #12 — zcorpan, 2006-04-03T19:50Z

> **Troxy skrev:**
>
> Åh! Intressant!   :D 
> Har du mer info om detta? Är det fixat till 100%?

 Så vitt jag kan se fungerar det korrekt (förutom när man triggar hasLayout med zoom:1 eller writing-mode:tb-rl).

> **Troxy skrev:**
>
> Gäller det bara Standards Mode, med vissa Doctypes etc.?

 Ja. Quirks mode i IE7 kommer vara ungefär samma som quirks mode i IE6.

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

## #13 — zcorpan, 2006-04-03T19:51Z

> **andreaswebb skrev:**
>
> Verkar inte som om nått av de fungerar i IE7, men det kanske kommer att implementeras senare.

 Vad fungerar inte i IE7 (bortsett från att konditionella kommentarer kanske matchar fel i vissa beta previews)?

Det kommer [inte ske några förändringar i renderingsmotorn](http://meyerweb.com/eric/thoughts/2006/03/21/mixed-impressions/) (mer än kanske mindre bugg-fixar) från MIX06-releasen.

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

## #14 — andreaswebb, 2006-04-03T19:57Z

det vita går inte hela vägen ner i min, men ser att det släppts en ny version den 20:e mars.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/144910-float-problem