---
title: "Hur fungerar float?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/164552-hur-fungerar-float"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "richardjoha"
published: "2007-09-16T09:21:39.000Z"
updated: "2007-09-16T10:27:47.000Z"
replies: 2
views: 1044
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/164552-hur-fungerar-float"
---

# Hur fungerar float?

## #1 — richardjoha, 2007-09-16T09:21Z

Jag får inte float att fungera, och jag kan inte se nått fel i koden?
Kanske för jag är bakis som ett ägg men lite hjälp skulle inte skada :)

```
<!DOCTYPE html PULIC "-//W3C//DTD XHTML 1.0 STRICT//EN" 
 "http://www.w3.org/TR/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">
					
<head>
	<title>sss</title>

	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

	<meta http-equiv="Content-Language" content="sv" />

	<style type="text/css">

body {margin:0px; padding:0px; font: 1.0em verdana, ariel, sans-serif;}

div#header {width:450px; background-color:#CAF;}

div#contentarea {width:450px; background-color:#CCC;}

div#column1 {width:150px; background-color:#FCC; float:left;}
div#column2 {width:150px; background-color:#000; float:left;}
div#column3 {width:150px; background-color:#AAF; float:left;}

div#footer {width:450px; background-color:#FAC;}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;

.clearfix {display: inline-table;}

/* hack med bakåtlutande streck döljer för IE Mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*slut på hack med bakålutande streck*/

</style>
</head>
<body>

<div id="header">Rubrik</div>

<div id="contentarea" class="clearfix">

<div id="coloumn1">Kolumn 1</div>
<div id="coloumn2">Kolumn 2</div>
<div id="coloumn3">Kolumn 3</div>

</div><!--slut på content area -->

<div id="footer">Sidfoten</div>

</body>
```

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

## #2 — tanten, 2007-09-16T10:20Z

har smugit sig in lite stavfel här col**o**umn1 och i de som kommer efter.
Kan det var bakisen?  :)

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

## #3 — richardjoha, 2007-09-16T10:27Z

> **tanten skrev:**
>
> har smugit sig in lite stavfel här col**o**umn1 och i de som kommer efter.
> Kan det var bakisen?  :)

hahahahahaha... GUD va snurrig man är!

fungerar ju klockrent nu.

nu ska jag till McDonalds tack!  :birp

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/164552-hur-fungerar-float
