---
title: "DIV lägger sig inte över bilden!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/145174-div-lägger-sig-inte-över-bilden"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "annesophie"
published: "2006-04-07T08:10:23.000Z"
updated: "2006-04-07T09:30:48.000Z"
replies: 8
views: 503
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/145174-div-lägger-sig-inte-över-bilden"
---
# DIV lägger sig inte över bilden!
## #1 — annesophie, 2006-04-07T08:10Z
Kortfattat om mitt problem...
Jag använder inte så ofta DIV ska jag kanske inleda med... ;)
Jag har en bild, behöver lägga en ruta med information *ovanpå* bilden.
Bifogar nedan kod som jag tycker kunde fungera men som natuligtvis inte funkar.
DIV:en lägger sig under bilden och inte ovanpå.
Vad är fel? \*sliter mitt hår\*
```
[1]
Lägg dig över bilden DÅ!!!
[/1]
```
Permalänk: https://www.webforum.nu/p/145174
## #2 — Nipon, 2006-04-07T08:36Z
Hej!
Du använder position relative lite fel... Nu vet jag inte hur stor bilden är men du borde använda "bottom"
Exempel:
```
#box1 { position: relative; bottom: 50px; left: 20px; }
#box2 { position: relative; top: 50px; right: 20px; }
```
• Box 1 kommer att förflyttas 50 pixlar uppåt "från botten" av den ursprungliga placeringen. Och 20 pixlar åt vänster.
• Box 2 kommer att förflyttas 50 pixlar nedåt "från toppen" av den ursprungliga placeringen. Och 20 pixlar åt höger.
Hoppas det hjälper! :)
Permalänk: https://www.webforum.nu/p/1794502
## #3 — annesophie, 2006-04-07T08:44Z
Nipon;
När jag bytte ut min kod mot din så försvann hela DIV:en.
Hmm...
Permalänk: https://www.webforum.nu/p/1794506
## #4 — annesophie, 2006-04-07T08:47Z
Aha, fast nu fick jag det att funka genom att fräckt sno Drydens kod i en annan tråd. Mo ha ha ha!
```
Lägg dig över bilden DÅ!!!
```
Permalänk: https://www.webforum.nu/p/1794507
## #5 — annesophie, 2006-04-07T08:52Z
Eller kanske inte...
Det funkar om jag kör på mitt lilla exempel ovan. Men när jag lägger in kodsnutten där den egentligen ska vara så trycker DIV:en ner bilden istället för att ligga ovanpå.
\*förvirrad\*
Permalänk: https://www.webforum.nu/p/1794511
## #6 — Nipon, 2006-04-07T09:12Z
Nej, alltså du skulle inte byta ut mot min kod... Det var ett exempel...
Vet inte hur hög bilden är men du borde skriva:
POSITION: relative; bottom: (bildens höjd)px;
...sen har du väl en doctype överst på sidan egentligen?
Permalänk: https://www.webforum.nu/p/1794519
## #7 — Nipon, 2006-04-07T09:29Z
Så här:
```
Lägg dig över bilden DÅ!!!
```
Z-index behövs inte (för detta syfte i alla fall)
Justera mina "50px" så att textboxen kommer där du vill ha den.
Du kan byta ut till HTML transitional doctype om du vill:
```
```
:)
Permalänk: https://www.webforum.nu/p/1794527
## #8 — tanten, 2006-04-07T09:29Z
Har du provat divar med bakgrundsbild i stället. Så här t.ex.:
```
Lägg dig över bilden DÅ!!!
```
Permalänk: https://www.webforum.nu/p/1794528
## #9 — Okkido, 2006-04-07T09:30Z
img {position:absolute; z-index:1;}
div {position:absolute; z-index:2; width:200px; min-height:110px;}
\
\text\
?
Permalänk: https://www.webforum.nu/p/1794531
---
Tråden på webben: https://www.webforum.nu/amne/html-css/145174-div-lägger-sig-inte-över-bilden