---
title: "Kolumner i CSS - korrekt positionerade?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/131399-kolumner-i-css-korrekt-positionerade"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Moonwolf"
published: "2005-07-14T09:20:28.000Z"
updated: "2005-07-16T06:20:38.000Z"
replies: 6
views: 312
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/131399-kolumner-i-css-korrekt-positionerade"
---

# Kolumner i CSS - korrekt positionerade?

## #1 — Moonwolf, 2005-07-14T09:20Z

Försöker göra om min sajt så hela layouten styrs i CSS och får inte till det.
Hur får jag de tre kolumnerna att lägga sig bredvid varandra, istället för att col2 lägger sig nedanför col1? 
Och vad är det som händer med topmenubox2, varför hamnar den under topmenubox1?:q 

Jag använde en mall från Mayerwebb och byggde om, en del används därför inte just nu, kommer på sidor framöver.

<http://lukas.romson.org/test/csstest.htm>

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

## #2 — zcorpan, 2005-07-14T09:34Z

```
.foo { float:left; width:100px; }
.bar { margin-left:100px; }
```

```
<div class="foo">vänster kolumn</div>
<div class="bar">höger kolumn</div>
```

Nåt sånt borde funka. :)

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

## #3 — Moonwolf, 2005-07-14T10:02Z

> **zcorpan skrev:**
>
> ```
> .foo { float:left; width:100px; }
> .bar { margin-left:100px; }
> ```
>
>
>
> ```
> <div class="foo">vänster kolumn</div>
> <div class="bar">höger kolumn</div>
> ```
>
> Nåt sånt borde funka. :)

Men jag vill inte ha absolut bredd på kolumnerna, vill att de ska anpassa sig i bredd efter läsarens fönster. Det är därför jag angivit width i %.

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

## #4 — Helmertz, 2005-07-14T10:14Z

Kan du inte bara översätta pixlarna till procent då? Och ha samma antal procent i "margin-left".

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

## #5 — Moonwolf, 2005-07-14T10:37Z

Nu har jag lagt in margin-left: 33% men det fungerar inge bra. Ska den inte vara float då?
Och varför hamnar boxen där kolumnerna ligger inte högst upp?

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

## #6 — nidron, 2005-07-14T12:46Z

> **Moonwolf skrev:**
>
> Nu har jag lagt in margin-left: 33% men det fungerar inge bra. Ska den inte vara float då?

Ibland kan man behöva ta till lite extra margin-left beroende på om man har borders och sådant. Testa 34-35%..

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

## #7 — Moonwolf, 2005-07-16T06:20Z

Nu verkar jag fått till det, åtminstone om man har en hyggligt modern skärm, dvs 1024X768. Col 3 skulle ju inte ha float alls, då verkar det fungera. 

Men, jag tvingades sätta en absolut vidd på dem. Går det öht att lösa problemet med att ha en absolut vidd på vänstermenyn och en relativ vidd på centercontent?  Eller bör jag göra om alla mått till absoluta? Hur gör jag då för att slippa att head försvinner, vilket den gör om jag sätter absoluta mått?

Och hur får jag centercontent att visas högst upp till höger om vänstermenyn och bre ut sig nedåt?

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/131399-kolumner-i-css-korrekt-positionerade