---
title: "Centrera div i div"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/155720-centrera-div-i-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "smileenergy"
published: "2007-01-08T12:29:07.000Z"
updated: "2007-01-08T16:43:06.000Z"
replies: 2
views: 314
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/155720-centrera-div-i-div"
---

# Centrera div i div

## #1 — smileenergy, 2007-01-08T12:29Z

Hej! Hur gör jag för att centrera en mindre div som ligger i en större div?

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

## #2 — bossse, 2007-01-08T12:53Z

Jag slängde ihop ett exempel här! kanske det kan passa!
Öka margin för body så flyttas stora diven in på sidan och den lilla följer med centrerat.
Vet inte om detta är den bästa kösningen.

\<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"\> 
\<html\> 
\<head\> 
\<title\>\</title\> 
\<style type="text/css"\> 
\<!-- 
body {background-color:silver;margin:10px;} 
\#stor 
{width:600px; height:450px; background-color:green; border:1px dotted black;} 
\#liten
{width:300px; height:200px; 
position:relative; left:50%; top:50%; 
margin-left:-150px; margin-top:-100px; 
background-color:gray; border:1px dotted black} 
\--\> 
\</style\> 
\</head\> 
\<body \> 
\<div id=stor\>
\<div id=liten\>
\</div\> 
\</div 
\</body\> 
\</html\>

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

## #3 — Troxy, 2007-01-08T16:43Z

Vill du centrera vertikalt också?
Om du bara behöver centrera horizontellt så är det bästa att använda auto-marginaler, såhär:
<http://www.bluerobot.com/web/css/center1.html>

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

---

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