---
title: "Float problem med FF"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/128049-float-problem-med-ff"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "maqe"
published: "2005-05-12T08:16:03.000Z"
updated: "2005-05-12T13:36:12.000Z"
replies: 8
views: 248
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/128049-float-problem-med-ff"
---

# Float problem med FF

## #1 — maqe, 2005-05-12T08:16Z

Varför fungerar inte följande i FF <http://member.webforum.nu/6596/float.htm>

första divven har float:left, andra divven har float:left och clear:left, tredje divven har float:left då borde den hamna i höjd med första divven som den gör i IE? Nån som har ett förslag på hur jag kan göra detta?

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

## #2 — Insider, 2005-05-12T09:36Z

Förenklat kan man säga att clear gör så att ett element hamnar nedanför alla flytande element.
Float gör så att ett element hamnar mot botten av föregående element (blockelement).

Clear gör att #tva hamnar nedanför #ett.

Eftersom du floatar #tva och #tre hamnar de sida vid sida.

FF gör rätt och IE fel.

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

## #3 — maqe, 2005-05-12T10:49Z

Hm låter konstigt. Någon som har en lösning på detta eminenta problem?

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

## #4 — Insider, 2005-05-12T11:00Z

Du får väl lägga in en exra div t.ex:

```
<html>
<head><title></title>
<style>

#left {float:left;}

#ett
{
	height:100px;
	width:100px;
	background-color:pink;
	
}

#tva
{
	height:100px;
	width:100px;
	background-color:blue;
	
}

#tre
{
	height:300px;
	width:100px;
	background-color:purple;
	float:left;
}

</style>

</head>
<body>
<div id="left">
	<div id="ett">
		Logga
	</div>
	<div id="tva">
		Meny
	</div>
</div>
<div id="tre">
	Content
</div>
	
</body>
</html>
```

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

## #5 — Okkido, 2005-05-12T11:01Z

Enda jag kan komma på efter för många timmars vakenhet är att du gör en wrapper div runt #logga och #meny. Men det borde du kommit på själv så jag antar att du inte vill ha den lösningen?

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

## #6 — maqe, 2005-05-12T11:04Z

Jag har varit inne på den banan men ville försöka hålla ned divvandet :) ... lutar dock emot att det blir en sådan lösning

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

## #7 — Okkido, 2005-05-12T11:06Z

Annars får du nog fula till det med position: absolute, och då kan jag tänka mig att du hellre kör med en extra div :)

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

## #8 — Insider, 2005-05-12T11:38Z

Såhär kan du göra utan en extra div:

```
<html>
<head><title></title>
<style>
#ett
{
	height:200px;
	width:100px;
	background-color:blue;
	float:left
}

#tva
{
	height:100px;
	width:100px;
	background-color:pink;	
}

#tre
{
	height:300px;
	width:100px;
	background-color:purple;
	float:left;
}

</style>

</head>
<body>
<div id="ett">
	<div id="tva">
		Logga
	</div>
	Meny
</div>
<div id="tre">
	Content
</div>
</body>
</html>
```

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

## #9 — maqe, 2005-05-12T13:36Z

> **Insider skrev:**
>
> Såhär kan du göra utan en extra div:
>
>
> ```
> <html>
> <head><title></title>
> <style>
> #ett
> {
> 	height:200px;
> 	width:100px;
> 	background-color:blue;
> 	float:left
> }
> 
> #tva
> {
> 	height:100px;
> 	width:100px;
> 	background-color:pink;	
> }
> 
> #tre
> {
> 	height:300px;
> 	width:100px;
> 	background-color:purple;
> 	float:left;
> }
> 
> </style>
> 
> </head>
> <body>
> <div id="ett">
> 	<div id="tva">
> 		Logga
> 	</div>
> 	Meny
> </div>
> <div id="tre">
> 	Content
> </div>
> </body>
> </html>
> ```

Detta fungerar inte i min lösning tyvärr

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

---

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