---
title: "Sprida ut div'ar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/145842-sprida-ut-div-ar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "learn"
published: "2006-04-21T15:18:58.000Z"
updated: "2006-04-21T18:06:36.000Z"
replies: 8
views: 585
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/145842-sprida-ut-div-ar"
---
# Sprida ut div'ar
## #1 — learn, 2006-04-21T15:18Z
Jag har 3st divar med fast width.
Nu vill jag att en av dem skall ligga längst till vänster, en i mitten och den sista längst till höger. Avståndet mellan den mittersta och den vänstra och högra skall alltså vara lika.
Hur gör jag? Att få en längst till vänster och en till höger är ju lätt (float: left och float:right), men hur gör jag för att en skall ligga i mitten??
:q
Permalänk: https://www.webforum.nu/p/145842
## #2 — bossse, 2006-04-21T16:10Z
Blir detta bra tro?
```
```
Permalänk: https://www.webforum.nu/p/1802661
## #3 — Dykarn, 2006-04-21T16:18Z
EDIT: Trot i huvudet.
Permalänk: https://www.webforum.nu/p/1802662
## #4 — learn, 2006-04-21T16:19Z
Nja, inte riktigt.
De 3 div'arna ligger nämligen i en annan div och jag vill därför inte att mitten-div'en skall hamna i mitten av webbläsar-fönstret vilket den gör med din kod... Sorry att jag inte nämnde "skal-diven"... :)
Permalänk: https://www.webforum.nu/p/1802664
## #5 — tanten, 2006-04-21T17:00Z
Så här då?
```
#vänster{width:200px; height:200px;float:left;background-color:blue;}
#mitt {width:650px; height:250px; position:absolute; margin-left:200px; margin-right:200px; background-color:blue;}
#höger{ width:200px; height:200px;float:right;background-color:blue;}
```
```
```
Permalänk: https://www.webforum.nu/p/1802688
## #6 — überfuzz, 2006-04-21T17:02Z
går det inte att fixa med: position: absolute; "rätt antal" px; och sätte fast boxarna helt enkelt?
Permalänk: https://www.webforum.nu/p/1802690
## #7 — bossse, 2006-04-21T17:20Z
Bygger vidare på tantens exempel.
```
```
Permalänk: https://www.webforum.nu/p/1802700
## #8 — jarvklo, 2006-04-21T17:42Z
Hmm...
Om du har fast bredd på "containern" kan du göra float:left på dem alla tre och jobba med padding/margin för att påverka avståndet mellan dem ;)
Exempel:
Permalänk: https://www.webforum.nu/p/1802708
## #9 — Mozfan, 2006-04-21T18:06Z
Det här fungerar så att man anger fast bredd på vänster och höger div, men ingen bredd eller float på mitten div'en. Mitten tar då upp allt övrigt tillgängligt utrymme som aktuellt webbläsarfönster har, samt lägger sig förstås mellan "sidodivarna".
Vill man inte att mitten ska kunna bli hur bred som helst i högupplösta skärmar, kan man förstås "bädda in" dessa tre div'ar i en container div med max-width och/eller andra trix :) Men det är nog inte så vanligt att folk med högupplösta skärmar (1200px på bredden och mera) använder hela skärmens yta för webbläsaren?
> \
> \
> \