---
title: "Centrera div?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/127636-centrera-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "HenrikAI"
published: "2005-05-04T07:44:05.000Z"
updated: "2005-05-04T08:11:44.000Z"
replies: 6
views: 335
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/127636-centrera-div"
---

# Centrera div?

## #1 — HenrikAI, 2005-05-04T07:44Z

Går det att centera en div-tag som man har satt position: absolute på samtidigt som man har bestämt bredd och höjd på den i pixlar?

Skulle man ha angett bredd och höjd i % hade det väl gått med

position: absolute;
width: 20%;
height: 20%;
left: 40%;
top: 40%;

..men det funka alltså inte så bra nu.

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

## #2 — icaaq, 2005-05-04T07:52Z

Vill du centrera den både horisontellt och vertikalt?

mv icaaq

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

## #3 — HenrikAI, 2005-05-04T07:58Z

Nja, det viktigaste är att den blir centrerad horisontellt.

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

## #4 — icaaq, 2005-05-04T08:01Z

<http://bluerobot.com/web/css/center2.html>
<http://bluerobot.com/web/css/center1.html>
mv icaaq

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

## #5 — Insider, 2005-05-04T08:01Z

Re: Centrera div?

> **HenrikAI skrev:**
>
> Skulle man ha angett bredd och höjd i % hade det väl gått med
> 
> position: absolute;
> width: 20%;
> height: 20%;
> left: 40%;
> top: 40%;
> 
> ..men det funka alltså inte så bra nu.

Det där funkar i FF men inte i IE.

Du behöver ju inte använda position:absolute för att centrera:

```
body {
	text-align:center;
}

div {
	margin: 0 auto;
	width: 400px;
	height: 300px;
}
```

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

## #6 — HenrikAI, 2005-05-04T08:08Z

Re: Centrera div?

```
body {
	text-align:center;
}

div {
	margin: 0 auto;
	width: 400px;
	height: 300px;
}
```

Jo det där fungerar, men problemet är att jag skulle vilja ha ett område som ligger "ovanpå" sidan, ungefär som en popup.

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

## #7 — icaaq, 2005-05-04T08:11Z

```
[red]
body {margin:0px; padding:0px;}

#popup {
	position:absolute;
	left:50%;
	width:500px;
	margin-top:50px;
	margin-left:-266px;
	padding:15px;
	border:1px dashed #333;
	background-color:#eee;
        [b]z-index: 100;[/b]
	}
[/red]
```

Sätt högre z-index på "popupen" ;)

mv icaaq

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/127636-centrera-div