---
title: "3-kolumnslayout"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/133925-3-kolumnslayout"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "jme"
published: "2005-09-08T05:22:00.000Z"
updated: "2005-09-09T10:30:32.000Z"
replies: 9
views: 818
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/133925-3-kolumnslayout"
---

# 3-kolumnslayout

## #1 — jme, 2005-09-08T05:22Z

Hej!

Jag vill skapa en 3-kolumns layout:

Där left, center och right ska kunna ha separata bakgrundsfärger.

Jag vill att, alla tre vertikala kolumner skall vara lika långa, oavsett deras innehåll.

Sedan så ska jag ha en header och en footer i layouten.

Har letat efter liknande mallar men hittar bara fulhack.

Finns det någon som råkar ha en liknande mall att ge? :)

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

## #2 — m_soderlund, 2005-09-08T05:26Z

<http://glish.com/css/>
<http://css-discuss.incutio.com/?page=ThreeColumnLayouts>
<http://www.positioniseverything.net/thr.col.stretch.html>

[Tänk vad man kan hitta med Google](http://www.google.com/search?q=css+layouts&sourceid=mozilla-search&start=0&start=0&ie=utf-8&oe=utf-8&client=firefox-a&rls=org.mozilla:en-US:official)

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

## #3 — jme, 2005-09-08T05:45Z

Jo, har hittat dem men det flesta verkar ha en massa bök samt små buggar och fulhack. Jag vill ha en ren och simpel lösning. Går det inte?

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

## #4 — GunnarD, 2005-09-08T05:53Z

Titta på denna länken, längst ner: <http://css.maxdesign.com.au/floatutorial/>

Där beskriver han hur man bygger upp en 3 kolumners layout.

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

## #5 — jme, 2005-09-08T07:03Z

Det såg först lovande ut men när jag försökte färglägga kolumnerna skillt så blev det inte bra. Bara området omkring texten färglades, inte hela kolumnen. Kanske behövs det bara ett litet hack för att åstadkomma detta, eller? :)

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

## #6 — Melea, 2005-09-08T08:14Z

Jo, du måste sätta background-image på #container.

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

## #7 — jme, 2005-09-08T08:17Z

Hmm, det kanske är en bra idé. Jag skulle kunna skapa en tunn bild på ca 800 pixlar som består av tre delar i olika färger. Sedan så gäller det bara att skapa div:ar som är passande breda. Fast då måste jag ha en fixerad bredd på sidan.

Men om jag ändå vill kunna ha dynamisk bredd på sidan, huir göra då?

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

## #8 — Insider, 2005-09-08T08:56Z

Här beskrivs hur man skapar flytande 3-kolumners layouter: (med bakgrundsbild)
<http://www.communitymx.com/content/article.cfm?page=1&cid=AFC58>

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

## #9 — Pman, 2005-09-09T10:27Z

Någont sådant häringa, kanske:
<http://www.positioniseverything.net/threecolbglong.html>

Patric.

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

## #10 — jme, 2005-09-09T10:30Z

Tack för alla svar!

Jag gjorde helt enkelt så att jag skapade en 900px \* 20px bild som jag delade in i tre områden, vilka jag sedan färgsatte. Sedan la jag ut bilden i en div med:

background-image: url(bakgrund.jpg);
background-repeat: repeat-y;

Jag använde sedan en gammal mall som redan är i drift, vilken jag modifierade lite.

Jag markerar mitt eget svar som slutgiltigt svar. Hoppas ingen tar illa upp   :r

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/133925-3-kolumnslayout