---
title: "Färga en div"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/116701-färga-en-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "danii"
published: "2004-11-25T18:06:45.000Z"
updated: "2004-11-25T18:45:16.000Z"
replies: 4
views: 334
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/116701-färga-en-div"
---
# Färga en div
## #1 — danii, 2004-11-25T18:06Z
Hur ger man en hel div bakgrundsfärg?
```
blabla
...
div#toppmeny1{
background-color: blue;
width: 100px;
height: 50px;
left: 100px;
}
```
Varför vill den inte funka? Den får inte blå bakgrundsfärg. Sen flyttar den sig inte 100px till höger. Hur fixar man detta?
Permalänk: https://www.webforum.nu/p/116701
## #2 — dectgap, 2004-11-25T18:18Z
Den blir alldeles blå för mig.
Vad det gäller *left*:
Om du inte anger någon annan typ av position än *static* (som är standardvärdet) kommer *top*, *right*, *bottom* och *left* inte att gälla.
Två olika sätt att lösa det, beroende på hur du egentligen vill ha det:
```
div#toppmeny1{
background-color: blue;
width: 100px;
height: 50px;
margin-left: 100px;
}
```
```
div#toppmeny1{
position: relative;
background-color: blue;
width: 100px;
height: 50px;
left: 100px;
}
```
I det första exemplet säger vi helt enkelt till att #toppmeny1 måste ha 100px luft till vänster om sig, vilket gör att 100px luft och 100px för elementets bredd kommer att reserveras.
I det andra exemplet säger vi att #toppmeny1 ska **flyttas** 100px till höger (eller från vänster, hur man nu vill se det) relativt sin ursprungliga position.
Det gör att det är möjligt att #toppmeny1 lägger sig över andra element, om de skulle råka befinna sig till höger om #toppmeny1.
Permalänk: https://www.webforum.nu/p/1492456
## #3 — danii, 2004-11-25T18:26Z
Från början ville jag inte ställa frågan eftersom den är för enkelt, man kan ju söka. Men jag höll på att bli tokig.
Såhär ser min kod ut. All kod.
```
blabla
```
```
```
Texten blir varken blå eller flyttar sig :(
Kollar i både Firefox och IE senaste versionerna.
Permalänk: https://www.webforum.nu/p/1492460
## #4 — dectgap, 2004-11-25T18:42Z
I den importerade CSS-filen ska du inte ha några style-taggar - då kan det bli galet.
Plocka bort dem, och om det fortfarande inte fungerar får du ta och dubbelkolla om sökvägen till CSS-filen är rätt.
Permalänk: https://www.webforum.nu/p/1492468
## #5 — danii, 2004-11-25T18:45Z
Tack så mycket för all hjälp dectgap. Nu funkar det :)
Permalänk: https://www.webforum.nu/p/1492470
---
Tråden på webben: https://www.webforum.nu/amne/html-css/116701-färga-en-div