---
title: "Hjälp mig att placera div-boxar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/162287-hjälp-mig-att-placera-div-boxar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Reisan"
published: "2007-07-07T23:53:34.000Z"
updated: "2007-07-08T09:53:59.000Z"
replies: 4
views: 484
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/162287-hjälp-mig-att-placera-div-boxar"
---
# Hjälp mig att placera div-boxar
## #1 — Reisan, 2007-07-07T23:53Z
Har problem att få sista div-taggen som heter "footer" att placera sig inom div-taggen "container", som omsluter alla div-boxar. Se css nedan, samt bifogad screenshot.
**HTML-koden**
```
logotype
toolbar
leftcontent
content
rightcontent
```
**CSS-koden**
```
#logotype {
height: 100px;
width: 820px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-top: 0px;
}
#toolbar {
height: 40px;
width: 820px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
#leftcontent {
width: 200px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
float: left;
}
#content {
width: 400px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 0px;
float: left;
}
#rightcontent {
width: 200px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 0px;
float: right;
}
#footer {
width: 800px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
height: 20px;
float: left;
}
#container {
width: 840px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
body {
margin-top: 0px;
}
```
Bilagor:
- [Bild 1.png](https://www.webforum.nu/a/15220.png)
Permalänk: https://www.webforum.nu/p/162287
## #2 — Danne V, 2007-07-08T07:46Z
Du behöver ingen "float" i footern. Dessutom behöver du "cleara" float innan footern. Jag gjorde en \
med en class. (Åsså la jag till lite färger. Det underlättar när man vill se hur divvarna ligger)
```
#logotype {
height: 100px;
width: 820px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-top: 0px;
background: #FFCC33;
}
#toolbar {
height: 40px;
width: 820px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
background: #66FFCC;
}
#leftcontent {
width: 200px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
float: left;
background: #FF6699;
}
#content {
width: 400px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 0px;
float: left;
background: #66CCFF;
}
#rightcontent {
width: 200px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 0px;
float: left;
background: #CC66CC;
}
#footer {
width: 800px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
height: 20px;
background: #FFFF66;
}
#container {
width: 840px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background: #CCCCCC;
}
body {
margin-top: 0px;
}
.clearFloat {
clear:both;
line-height: 0px;
}
```
```
logotype
toolbar
leftcontent
content
rightcontent
```
Permalänk: https://www.webforum.nu/p/2001927
## #3 — Reisan, 2007-07-08T09:15Z
Ja, din korrigering funkar jättebra! :D Tack för hjälpen!
Permalänk: https://www.webforum.nu/p/2001942
## #4 — Danne V, 2007-07-08T09:24Z
Inga problem.
Tips för att göra CSS:n lite behändigare: Du behöver inte skriva ut marginalerna i varje div så här:
```
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 0px;
```
Det räcker om du skriver:
```
margin:0 10px 10px 0;
```
Första siffran är alltid "top", andra är "right", tredje är "bottom" och fjärde är "left". Notera mellanslag mellan dom.
När det är "0" så behöver ingen sort eftersom 0 pixlar är samma som 0 procent eller 0 ems osv. men när du skriver in ett värde som "10" så måste du lägga till sorten direkt efteråt.
Permalänk: https://www.webforum.nu/p/2001946
## #5 — Reisan, 2007-07-08T09:53Z
Aha, det var ju mycket behändigare att skriva ut det på det viset. Det ska jag göra! :D Tack för tipset! :)
Permalänk: https://www.webforum.nu/p/2001949
---
Tråden på webben: https://www.webforum.nu/amne/html-css/162287-hjälp-mig-att-placera-div-boxar