---
title: "problem med position: relative!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/113461-problem-med-position-relative"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "wyndan"
published: "2004-10-13T08:48:56.000Z"
updated: "2004-10-13T10:21:46.000Z"
replies: 1
views: 174
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/113461-problem-med-position-relative"
---

# problem med position: relative!

## #1 — wyndan, 2004-10-13T08:48Z

Hallå, vill placera en bild under själva innehållet på min sida och eftersom höjden på innehållet varierar så går det inte att placera den med position:absolute , css-en ser ut som följer:

```
#content {
padding: 5px;
width: 586px;
overflow: auto;
font-family: verdana;
font-size: 12px;
color: #000;
position:absolute;
top:60px;
left:10px;
border: 2px dotted #CCC;
} 

#bottom {
position:relative;
top: 10px;
}
```

i html-koden ser det ut så här: 

```
<div id="content">
<h1>Företagsinformation</h1>
<p> bla bla bla bla </p>
</div>
<div id="bottom"><img src="images/meny_03b.gif" width="600" height="40" alt="" /></div>
```

men #bottom hamnar bara 10px från toppen av sidan. så vad har jag gjort för fel? å finns det nåt annat smidigare sett å lösa det hela på?

snabba svar tack, måste va klar med det här snart ;)

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

## #2 — jarvklo, 2004-10-13T10:21Z

Hmm...
Kan du inte bara göra något i stil med det här då ?

```
[b]<div id="contentcontainer>[/b]
<div id="content">
<h1>Företagsinformation</h1>
<p> bla bla bla bla </p>
</div>
<div id="bottom"><img src="images/meny_03b.gif" width="600" height="40" alt="" /></div>
[b]</div>[/b]
```

och

```
[b]#contentcontainer{
position:absolute;
top:60px;
left:10px;[/b]
}
#content {
padding: 5px;
width: 586px;
overflow: auto;
font-family: verdana;
font-size: 12px;
color: #000;
[s]position:absolute;
top:60px;
left:10px;[/s]
border: 2px dotted #CCC;
} 

#bottom {
[s]position:relative;[/s]
[b]margin-[/b]top: 10px;
}
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/113461-problem-med-position-relative