---
title: "Bild position"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/162192-bild-position"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Maacus"
published: "2007-07-04T12:20:23.000Z"
updated: "2007-07-05T07:10:44.000Z"
replies: 15
views: 666
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/162192-bild-position"
---

# Bild position

## #1 — Maacus, 2007-07-04T12:20Z

Hur får jag en bild att lägga sig i botten av en div tag med CSS?
Har försökt olika saker men får inte rätt på det.

Följande kod har jag för div taggen.

```
#text_box {
	margin: 40px 36px 0px 36px;
	height: 260px;	
}
```

 

Och det här till bilden som jag vill postionera längst ner i div taggen.

```
<a href="omoss.php"><img src="images/tillbaka.gif" alt="tillbaka" width="69" height="22" border="0"></a>
```

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

## #2 — voigtann1, 2007-07-04T12:26Z

```
#text_box {
	margin: 40px 36px 0px 36px;
	height: 260px;	
	Positon: Relative;
}
#text_box img {
	Position:Absolute;
	bottom:0px;
}
```

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

## #3 — Maacus, 2007-07-04T12:55Z

jag har flera bilder i div taggen men det är enbart den här bilden som ska ligga i botten.

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

## #4 — voigtann1, 2007-07-04T13:10Z

```
<a href="omoss.php"><img src="images/tillbaka.gif" alt="tillbaka"[b] id="backIcon"[/b]></a>
```

```
img#backIcon {
	Position:Absolute;
	bottom:0px;
        height:22px;
        Width:69px;
        border:None;
}
```

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

## #5 — Maacus, 2007-07-04T13:49Z

tillbaka bilden hamnar utanför sidan. Sidan ligger centerad i mitten men bilden lägger sig i botten av webläsaren.

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

## #6 — voigtann1, 2007-07-04T13:55Z

du måste köra position:relative på "sidan"... eller rutan där du har din länk:

\<div id="myBox"\>\<a href.....\</a\>\</div\>

\#myBox { position:relative;} så kommer absolute gå efter myBox istället för body...

edit

```
#text_box {
	margin: 40px 36px 0px 36px;
	height: 260px;	
	Positon: Relative;
}
```

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

## #7 — Danne V, 2007-07-04T14:27Z

Som voigtann1 skriver. Du måste göra den omslutande containerm "relative" för att sedan kunna placera något "absolute" inuti.

Men en sak till: voigtann1 har använt stora bokstäver här och där. Jag är inte hundra och kanske har helt fel, men det kan kanske vara så att en del webbläsare inte gillar det, beroende på vilken DTD du använder.

Liten varning bara, alltså.

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

## #8 — voigtann1, 2007-07-04T14:51Z

Stora bokstäver på exempelvis #TextBox måste skrivas: \<div id="TextBox"\> kommer aldrig att träffa på id="textbox"

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

## #9 — Danne V, 2007-07-04T15:08Z

> **voigtann1 skrev:**
>
> Stora bokstäver på exempelvis #TextBox måste skrivas: \<div id="TextBox"\> kommer aldrig att träffa på id="textbox"

Nej, givetvis inte. Ett id eller en klass ska självklart vara identisk överallt. :-)
Jag tänkte närmast på t.ex. 

```
Positon: Relative;
```

somkanske borde vara

```
positon: relative;
```

Sorry om jag var oklar....

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

## #10 — voigtann1, 2007-07-04T17:44Z

har aldrig sett någon läsare som tolkar det på olika sätt... ;)

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

## #11 — Peter S, 2007-07-04T17:47Z

Just "positon" tror jag inte är vad som önskas i detta fall  ;)

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

## #12 — Danne V, 2007-07-04T17:50Z

> **Peter S skrev:**
>
> Just "positon" tror jag inte är vad som önskas i detta fall  ;)

LOL!!! :D
Jäklar i det. Det märkte inte jag. Hahaha...

Alltså, till trådskaparen: det har skrivits "positon" flera gånger i CSS-exemplen. Ska givetvis vara "position". :)

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

## #13 — Danne V, 2007-07-04T17:54Z

> **voigtann1 skrev:**
>
> har aldrig sett någon läsare som tolkar det på olika sätt... ;)

Inte jag heller. Men har å andra sidan aldrig någonsin sett attributen skrivna med stora både små och stora bokstäver heller. Tänkte att det kanske, kanske eventuellt finns något avlägset skäl till det. Eller så spelar det ingen roll alls.... :)

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

## #14 — Maacus, 2007-07-05T06:38Z

Tack alla för hjälpen. Detta sparade mig mycket tid.
Slutgiltiga CSS:en blev följande.

```
#text_box {
	margin: 40px 36px 0px 36px;
	height: 260px;	
	position: relative;
}

img#backIcon {
	position: absolute;
	bottom:0px;
        height:22px;
        width:69px;
        border: none;
	bottom: 10px;
}
```

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

## #15 — bossse, 2007-07-05T07:04Z

Du har både bottom:0px och bottom:10px för din img#backIcon vilket är onödigt.
I ditt fall så kommer den att visas 10 px från nederkanten.
Vill du ha den allra längst ner så ta bort bottom:10px.

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

## #16 — Maacus, 2007-07-05T07:10Z

> **Maacus skrev:**
>
> Tack alla för hjälpen. Detta sparade mig mycket tid.
> Slutgiltiga CSS:en blev följande.
> 
>
>
> ```
> #text_box {
> 	margin: 40px 36px 0px 36px;
> 	height: 260px;	
> 	position: relative;
> }
> 
> img#backIcon {
> 	position: absolute
>         height:22px;
>         width:69px;
>         border: none;
> 	bottom: 10px;
> }
> ```

Tack hade råkat få dubbla bottom. Rätt ska vara bottom: 10px;

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/162192-bild-position