---
title: "3 kolumner med div!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/137657-3-kolumner-med-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "huggerFanta"
published: "2005-11-15T10:52:32.000Z"
updated: "2005-11-15T16:26:04.000Z"
replies: 6
views: 430
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/137657-3-kolumner-med-div"
---

# 3 kolumner med div!

## #1 — huggerFanta, 2005-11-15T10:52Z

Hej!
Jag försöker skapa en layout med divvar som är lite speciell!

Jag vill ha tre kolumner, där endast den i mitten har en fast bredd, vänster och höger skall bara visa två olika bakgrundsbilder.

Alla kolumner skall vara 100% höga.

Jag får dock inte detta att fungera alls!

Någon som har nåt tips om vad jag måset göra för att få det att fungera???

HJÄLPPPPP!

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

## #2 — webbebba, 2005-11-15T13:30Z

skapa en #wrapper som är relativt positionerad. Lägg in #header med absolut position. Lägg in en #mainpage under header med absolut psition och wrapperns bredd. I mainpage lägger du #left som bör ha fast vidd (här får du räkna pixlar), left skall flyta till vänster {float: left;} Sedan #center med fast vidd och som flyter till vänster. Sist lägger du in #right som har fast vidd (räkna pixlar) och som också flyter till vänster. Skapa en bakgrundsbild till #mainpage som har mainpages bredd och repeterar sig. Vill du sedan ha en #footer tänk på att ta med {clear: both;}

Så hade jag nog börjat.

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

## #3 — GunnarD, 2005-11-15T13:51Z

Titta på denna sidan för tips på hur man kan göra: <http://css.maxdesign.com.au/selectutorial/> i step22 kan man se det färdiga resultatet.

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

## #4 — Insider, 2005-11-15T14:21Z

Om vänster och högerkolumnen bara ska visa bakgrundsbilder, är det bättre att baka in dessa i bakgrundsbilden för \<BODY\>. Då behöver du inga extra \<DIV\> och din layout blir då väldigt enkel.

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

## #5 — huggerFanta, 2005-11-15T15:41Z

Problemet är det att det skiljer sig på vänster och höger sida!!!!

Bakgrundbilderna är olika, det är det som skapar problemen, det blir svårt att få detta centrerat ordentligt på alla olika skärmupplösningar som används.

Trodde att det skulle gå smidigt med divvar, men det visade sig inte vara så!

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

## #6 — Insider, 2005-11-15T16:03Z

Jo, men om du ska ha en fast bredd på innehållet borde det inte innebära något problem att lägga en bakgrundsbild i \<BODY\> som är centrerad.
Kolla in [background-position i CSS.](http://www.w3.org/TR/CSS21/colors.html#propdef-background-position)
Beroende på hur bakgrunden ska se ut, får du repetera den i y-led eller använda en stor bakgrundsbild som inte repeteras alls och fixera den.

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

## #7 — Ewik, 2005-11-15T16:26Z

Det här kanske kan vara till hjälp.
<http://ewik.se/artikel/centrerad-bakgrund>

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/137657-3-kolumner-med-div