---
title: "centrera div problem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/167540-centrera-div-problem"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Vinnaren"
published: "2007-12-23T10:54:05.000Z"
updated: "2008-01-10T16:24:20.000Z"
replies: 3
views: 534
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/167540-centrera-div-problem"
---

# centrera div problem

## #1 — Vinnaren, 2007-12-23T10:54Z

Försöker att centrera en div, men det vill inte fungera, nu vill jag att div:en ska centreras över hela sidan.

har följande css:

```
.pPicture 
{
    background-color:Black;
    padding:50px;
    position: absolute; 
    left: 150px; 
    top: 40px;
}
```

 

har provat med 

```
    left: 50%; 
    top: 50%;
```

 

men då centreras den bara i den div-taggen den ligger i.

Hur löser man detta så den hamnar mitten och över allt annat?

Tacksam för all hjälp  :stud

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

## #2 — bossse, 2007-12-23T11:41Z

Lite svårt att veta hur du menar.
Exemlet nedan centrerar en div med bestämda mått.

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
<!--
.pPicture 
{
width:777px; 
height:444px; 
background-color:black;
position:absolute;
left:50%;
top:50%;
margin-left:-385px;
margin-top:-222px;
}
-->
</style>
</head> 
<body>
<div class=pPicture>
</div>
</body>
</html>
```

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

## #3 — Kriko, 2007-12-25T01:02Z

```
position: absolute;
z-index: 2;
width: 600px;
height: 400px;
top: 250px;
margin-left: auto;
margin-right: auto;
```

Kan detta hjälpa dig månne?

Har aldrig provat med margin: auto; vertikalt, men det skadar ju inte att testa det heller.

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

## #4 — Molior, 2008-01-10T16:24Z

```
body {
  background:#fff;
  color:#000;
  font:11px Verdana, Tahoma, Sans-serif, Helvetica;
  text-align:center;
  margin:0;
  padding:0;
}

#container {
  text-align:left;
  background:#fff;
  margin:0 auto;
  width:800px;
  position:relative;
  padding:0;
}
```

Detta är det enklaste sättet

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

---

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