---
title: "position:relative skapar tomrum"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/163207-position-relative-skapar-tomrum"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "haider"
published: "2007-08-05T21:55:24.000Z"
updated: "2007-08-06T22:35:06.000Z"
replies: 4
views: 561
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/163207-position-relative-skapar-tomrum"
---

# position:relative skapar tomrum

## #1 — haider, 2007-08-05T21:55Z

Hej

När jag använder style="position:relative;" för en div, så skapas ett tomrum där div-taggen är placerad. Själva dess innehåll har jag ju placerat någon annanstans.

Vad kan det bero på? Jag är ganska säker på att jag har använt mig av position:relative tidigare utan detta problem.

tack i förhand :)

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

## #2 — Danne V, 2007-08-06T08:10Z

Ladda upp sidan, ge länk.

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

## #3 — haider, 2007-08-06T20:11Z

Tjena Danne,

den ligger på ett intranät, men det tycks inte vara ett svårt att upprepa problemet.

Här har jag isolerat problemet:

```
<div style="position:relative; left:45px; top:150px; width:155; height:105">
<img src="/bilder/overlay.gif">
</div>
<img src="/bilder/paket.jpg" width="950" height="400">
```

Vad som händer är att det blir ett tomrum precis ovanpå den stora bilden i samma storlek som den lilla bilden.
Det är ju konstigt. Så ska det väl inte vara?

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

## #4 — Danne V, 2007-08-06T20:47Z

Morsning Halder,

Tror inte du isolerat problemet. Man vill gärna se koden som kommer före också - minst. Plus lite annat. Så om du inte vill få femtielva förslag med rena gissningar, så borde du i alla fall ge oss ALL kod, inklusive CSS. Då kan nån titta och ge dej mer exakt hjälp.

Men det absolut bästa är faktiskt om du kan kopiera sidan och ladda upp till nån server nånstans och ge en länk.

Annars får du väl testa med olika värden i left:45px; top:150px; eller t.o.m. ta bort dom helt (beroende på vad du har innan och vad du är ute efter för visuell effekt).

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

## #5 — jarvklo, 2007-08-06T22:35Z

Hmm...

I CSS ger 

```
position: relative
```

 av ett block (som t.ex. en div) [per definition](http://www.w3.org/TR/CSS21/visuren.html#choose-position) den effekten att "hålet" där innehållet skulle ha legat blir kvar...
Vill du positionera något över något annat är det förmodligen position:absolute som gäller (med allt det kan innebära i form av krav på "förälderblock", webbläsarmoder, gamla buggar osv..) om du inte vill ha bakgrundsbilden som just en bakgrundsbild...

Rekommenderar <http://www.autisticcuckoo.net/arkiv.php?id=2004/12/07/relativt-absolut> för att reda ut begreppen ;)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/163207-position-relative-skapar-tomrum