---
title: "positionering: en vänsterkolu, flera höger kolumner"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/172602-positionering-en-vänsterkolu-flera-höger-kolumner"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "eriks"
published: "2008-07-03T11:43:16.000Z"
updated: "2008-07-03T14:40:20.000Z"
replies: 2
views: 457
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/172602-positionering-en-vänsterkolu-flera-höger-kolumner"
---

# positionering: en vänsterkolu, flera höger kolumner

## #1 — eriks, 2008-07-03T11:43Z

Hej,

Jag vill ha en stor spalt där all text för sidan ligger (typ 600px bredd). Till höger ska det ligga ett antal informationsboxar ca 150px bredd, 2-3 stycken. Dessa boxar ska alltid finnas på höger sida, oavsett om det inte finns så mycket text i huvudspalten.

Jag testade med float:right, och det fungerar ju väldigt bra sålänge man har så mycket text i huvudspalten så att höjden blir lika hög som mina 2-3 info-boxar. Men om jag inte har så mycket text i huvudspalten lägger de sig istället till "höger om varandra", inte nedanför.

Förslag?

Mvh Erik

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

## #2 — voigtann1, 2008-07-03T12:16Z

Kanske:

```
<div id="main">
	Här kan hur mycket / lite information visas
</div>
<div id="rightContainer">
	<div class="infobox">Infobox 1</div>
	<div class="infobox">Infobox 2</div>
	<div class="infobox">Infobox 3</div>
</div>
```

och css:

```
#main {
	width:340px;
	float:left;
}
#rightContainer {
	margin-left: 350px;
}
```

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

## #3 — eriks, 2008-07-03T14:40Z

Det fungerade bra ja! Jag har dock gjort varje infobox med margin-left (istället för en omslutande div), men det är väl en smaksak när det handlar om 2-3 divvar...

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/172602-positionering-en-vänsterkolu-flera-höger-kolumner