---
title: "Centrera en DIV."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/89693-centrera-en-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Fredde Mannen"
published: "2003-11-05T11:07:32.000Z"
updated: "2003-11-05T19:46:42.000Z"
replies: 6
views: 404
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/89693-centrera-en-div"
---

# Centrera en DIV.

## #1 — Fredde Mannen, 2003-11-05T11:07Z

jag vet att man använder sig av margin: auto; för att centrera en div, detta funkar fint på huvudsidan och undersidorna, men i en popup har jag byggt upp en main div så här

```
<div style="margin: auto;width: 80%;height: 100%;">
Lite innehåll..
</div>
```

Men här centrerars inte DIVn i Internet Explorer, men funkar bra i Mozilla och Opera, vad kan mitt problem vara?? :q

Eller är bara IE skummdumm?

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

## #2 — Web-Tor, 2003-11-05T11:49Z

Kan du inte göra så här:

```
<body style="text-align: center;">
 <div style="width: 80%; height: 100%;">Lite innehåll..</div>
</body>
```

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

## #3 — Fredde Mannen, 2003-11-05T18:58Z

> **Web-Tor skrev:**
>
> Kan du inte göra så här:
>
>
> ```
> <body style="text-align: center;">
>  <div style="width: 80%; height: 100%;">Lite innehåll..</div>
> </body>
> ```

Här centrerars ju all text... vill bara att den aktuella diven skall centreras, här måste jag ju börja stoppa en massa extra span eller divs för få texten vänsterställd!

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

## #4 — Jesper T, 2003-11-05T19:17Z

```
<div align="center" style="margin: auto;width: 80%;height: 100%;">
Lite innehåll..
</div>
```

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

## #5 — jarvklo, 2003-11-05T19:22Z

En annan variant är att köra med absolut positionering till left:50% och sedan fylla p å med en  "negativ vänstermarginal" som visas på t.ex. <http://bluerobot.com/web/css/center2.html>

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

## #6 — bossse, 2003-11-05T19:45Z

Alltså ett exempel på det Jarvklo var inne på.
Så gör jag alltid når jag positionerar.

```

<html> 
<head> 
<title></title> 
<style type="text/css"> 
<!-- 
body {background-color:green; color:yellow;}
 
div {width:400px; height:250px; position:absolute; left:50%; top:50%; background-color:blue; 
border:3px solid black; margin-left:-200px; margin-top:-125px; } 

<!-- positionerar gör du genom att sätta negativa tal. 
För centrering tar man då hälften av objektets storlek. --> 
i detta fall är diven 400
--> 
</style> 

</head> 
<body > 
<div> 
</div>
</table> 
</body> 
</html>
```

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

## #7 — Fredde Mannen, 2003-11-05T19:46Z

> **Jesper T skrev:**
>
> ```
> <div align="center" style="margin: auto;width: 80%;height: 100%;">
> Lite innehåll..
> </div>
> ```

Denna variant är inte HTML 4.01 Strict!

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

---

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