---
title: "3-kollumner..hur göra dem lika långa?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/169831-3-kollumner-hur-göra-dem-lika-långa"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "olarsson"
published: "2008-03-11T23:19:45.000Z"
updated: "2008-03-15T00:24:58.000Z"
replies: 6
views: 604
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/169831-3-kollumner-hur-göra-dem-lika-långa"
---

# 3-kollumner..hur göra dem lika långa?

## #1 — olarsson, 2008-03-11T23:19Z

Jag har tre kollumner med olika innehåll där mängden innhålla varierar. Finns det något någolunda enkelt sätta att göra så att de har flexibel längde beroende på innehållet men ändå alltid går hela vägen ner alla tre?

Tack för hjälpen.

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

## #2 — The_Hulk, 2008-03-12T08:16Z

Hur är kolumnerna gjorda, med div-tagg, tabell, något annat?

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

## #3 — olarsson, 2008-03-12T15:06Z

...

Jag använder mig av med div-taggar.

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

## #4 — itpastorn, 2008-03-13T19:24Z

Någorlunda enkelt? Med dagens CSS? Nej.

Standardlösningen sedan länge kallas "faux columns" och en av de första som upptäckte metoden är Dan Cederholm: <http://www.alistapart.com/articles/fauxcolumns/>

\<skryt\>Jag kom faktiskt på just den helt på egen hand, men först långt senare...\</skryt\>

Andra nyare idéer finns här: <http://www.positioniseverything.net/articles/onetruelayout/equalheight> och här
<http://www.cssplay.co.uk/layouts/3cols2.html>

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

## #5 — Troxy, 2008-03-14T22:58Z

> **itpastorn skrev:**
>
> Någorlunda enkelt? Med dagens CSS? Nej.

Jag orkar inte tänka efter just nu...
Men ligger begränsningarna i själva CSS eller webbläsarnas implementeringar?
Nu slog det mig att display:table och dess kompisar borde kunna göra jobbet om bara stödet fanns.

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

## #6 — itpastorn, 2008-03-15T00:13Z

display:table kommer göra underverk när stödet finns. IE6 och 7 måste först dö sotdöden. Tillsammans med display: inline-block (testat i Acid3) så får vi riktigt bra verktyg. Vi pratar alltså om implementering.

CSS 3 Advanced layout Module ligger många, många år in i framtiden, först som standard (den är långt ifrån implementeringsbar) och sedan med stöd i webbläsarna.

<http://www.sitepoint.com/blogs/2008/02/28/table-based-layout-is-the-next-big-thing/>

Det vi inte får med display: table är "source order independance", dvs det blir svårt att flytta kolumnerna hur som helst utan att pilla i HTML-koden. Några försök har gjorts, men jag antar att fler kommer.

Här är ett försök: <http://www.tjkdesign.com/articles/css-layout/no_div_no_float_no_clear_no_hack_no_joke.asp>
Att använda en oordnad lista ser jag som en dålig idé, dock.

Dagens huvudalternativ: absolut position eller floats analyseras bra här: <http://reference.sitepoint.com/css/floatvsabsolute>

(SitePoints nya referensavdelning är underbar och bör genast ersätta alla besök hos W3Schools!)

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

## #7 — itpastorn, 2008-03-15T00:24Z

Just det: Glömde den bästa källan av dem alla om css-tabeller: <http://www.gunlaug.no/contents/wd_additions_22.html>

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/169831-3-kollumner-hur-göra-dem-lika-långa