---
title: "Centerad"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/174939-centerad"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "vanto"
published: "2008-10-23T22:02:15.000Z"
updated: "2008-10-27T00:28:22.000Z"
replies: 4
views: 565
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/174939-centerad"
---

# Centerad

## #1 — vanto, 2008-10-23T22:02Z

Hej alla!

Undrar över en sak. Det är så att jag vill få min bild centrerad på hemsidan både på bredden och längden. 

Hur får jag det till så?

[Se bild exempel:](http://d.imagehost.org/0620/center.png)

tack för hjälpen! :)

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

## #2 — vanto, 2008-10-24T23:36Z

Ingen som vet? :P

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

## #3 — Syd, 2008-10-25T07:00Z

För horisontell centrering är det bara att sätta höger/vänster marginaler till auto i din css. 

```
img.bilden {display: block; margin: auto}
```

 

För vertikal centrering är det lite klurigare. Som jag minns så finns det inget attribut i CSS2 att bestämma den vertikala positioneringen. Så du måste sätta ditt innehåll inuti en behållare som sen behandlas likt en tabell. 

Alltså: 

```
div.behallaren {top: 0; left: 0; width: 100%; height: 100%; position: fixed; [B]display: table[/B]}
p {[B]display: table-cell[/B]; [B]vertical-align: middle[/B]}
```

 

Sen är det bara i din HTML att anropa sakerna rätt:

```
<div class="behallaren">
  <p>I mitten. Korrekt eller inte
  <img class="bilden" src="xxx" alt="I mitten!">
</div>
```

Men det var ett tag sedan jag gjorde sidor och skulle stoppa saker i mitten. Så det kanske finns smidigare och bättre lösningar, resten av forumet kan kanske fylla på.

**RED:** Justja, annars är det väl bara att sätta bildens top/left-positionsattribut till 50% och top/left-marginaler till hälften av bildens storlek. Men det kanske är en ännu fulare lösning.

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

## #4 — Zaiman, 2008-10-25T08:51Z

Flyttas från Webbutveckling - Övrigt

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

## #5 — vanto, 2008-10-27T00:28Z

syd:
Stort tack, ska se efter om det funkar sådär. :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/174939-centerad