---
title: "Istället för float"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/177827-istället-för-float"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "SoulGod"
published: "2009-04-02T14:57:23.000Z"
updated: "2009-04-02T15:27:15.000Z"
replies: 3
views: 627
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/177827-istället-för-float"
---

# Istället för float

## #1 — SoulGod, 2009-04-02T14:57Z

Jag har 3 div'ar som delas ut som följer:

\#side-A \| #content \| #side-b

och CSS ser ut såhär:

```
#content { 
	float: left;
	margin-left: 35px;
	width: 300px;
	height: 600px;
}
#side-a {
	float: left;
	width: 250px;
	margin-left: 10px;
}
#side-b {
	float: right;
	width: 200px;
	height: 550px;
	margin-top: -20px;
	padding-left: 5px;
	background-color: #595454;
}
```

Problemet jag har nu, är, att längst ner på sidan har jag en footer.
Och om någon av div'arna går för långt ner, så lägger dom sig "över" footer,
jämfört med att "skjuta" den neråt som en traditionell table hade gjort.

Hur löser jag det? Ska jag undvika float, eller vad göra?

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

## #2 — voigtann1, 2009-04-02T15:15Z

"enklast" är att bara lägga in en \<br\> eller \<div\> med style clear both.

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

## #3 — SoulGod, 2009-04-02T15:25Z

\<br\> gav inget resultat.. testar \<div\> nu... \*Testar\*
Ah - clear both funkade ju klockrent :P
Tack!

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

## #4 — voigtann1, 2009-04-02T15:27Z

du behöver ha en style clear i din br också
antingen:

```
<br style="clear: both" />
```

eller

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

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/177827-istället-för-float