---
title: "centrera bild i div (både våg och lod)"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/78811-centrera-bild-i-div-både-våg-och-lod"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "doggelito"
published: "2003-06-03T17:18:04.000Z"
updated: "2003-06-04T07:52:19.000Z"
replies: 6
views: 664
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/78811-centrera-bild-i-div-både-våg-och-lod"
---

# centrera bild i div (både våg och lod)

## #1 — doggelito, 2003-06-03T17:18Z

kan man skriva om denna så man slipper tabellen utan att det blir jätte många divar?
bilden ska alltså hamna i mitten av diven, både lodrätt och vågrätt.

```
      <div class="h5" style="float:left; width:180px; height:188px; text-align:center; background-color:#ffffff; border:1px solid #323232;">
	 	 <table style="height:100%; width:100%;"><tr><td align="center" valign="middle">
	 		 <img src="<%= "/admin/images/image.asp?Folderpath=" & Folderpath & "&Scale=1&Scalesize=160" %>">
	 	 </td></tr></table>
	  </div>
```

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

## #2 — mikkeX, 2003-06-03T20:29Z

Kommer bilden alltid att vara lika stor?

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

## #3 — doggelito, 2003-06-04T05:57Z

nej, bildens storlek varierar. :)

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

## #4 — erre, 2003-06-04T06:41Z

```
margin: auto;
```

Funkar i mozilla och andra kompetenta webbläsare, tyvärr ej IE.

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

## #5 — doggelito, 2003-06-04T06:47Z

verkar som man får fortsätta med att använda tabeller då!
varför i hela fridens namn finns det inte en variant av valign i css för???

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

## #6 — higa, 2003-06-04T07:26Z

Jag hade för mig att CSS3 kommer att ha en del nyttiga grejer, men det finns en CSS2-lösning också:
Kör med två divor, sätt display:table; height: 188px på den yttre och display:table-cell; vertical-align: middle; height: 188px; på den inre.

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

## #7 — mikkeX, 2003-06-04T07:52Z

Inte behöver du tabeller...
En väg att gå är att lägga bilden som bakgrund:

```
<div style="width: 400px; height: 400px;border: 1px solid red;background:url(bilder/mark_x.png) no-repeat center center"></div>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/78811-centrera-bild-i-div-både-våg-och-lod