---
title: "Centrera lager"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/142633-centrera-lager"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Prime_66"
published: "2006-02-17T15:07:25.000Z"
updated: "2006-02-18T20:24:09.000Z"
replies: 10
views: 616
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/142633-centrera-lager"
---

# Centrera lager

## #1 — Prime_66, 2006-02-17T15:07Z

Hur skriver man för att centrera ett lager? Måste ju gå..

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

## #2 — echoSwe, 2006-02-17T15:14Z

A div: \<div id="minDiv"\>\<p\>Text\</p\>

Normal:

```
#minDiv{
width:70%;
margin: 0 auto;
}
```

Absolute:

```
#minDiv {
position: absolute;
width: 400px; height: 200px;
top: 50%; left: 50%;
margin: -100px 0 0 -200px;
}
```

Fixed:

```
#minDiv {
position: fixed;
width: 400px; height: 200px;
top: 50%; left: 50%;
margin: -100px 0 0 -200px;
}
```

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

## #3 — sl0k, 2006-02-17T15:23Z

position:static; tror jag dock inte fungerar i IE.. 

ett annat enkelt ex .. har testat i FF hittils

```
<style type="text/css">
	head, body { margin:0; padding:0; height:100%; width:100%; }
	div.main { margin-left:auto; margin-right:auto; width:500px; background-color:#069;}
</style>
```

o ha class="main" på din div

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

## #4 — echoSwe, 2006-02-17T15:37Z

> **sl0k skrev:**
>
> position:static; tror jag dock inte fungerar i IE.. 
> 
> ett annat enkelt ex .. har testat i FF hittils
> 
>
>
> ```
> <style type="text/css">
> 	head, body { margin:0; padding:0; height:100%; width:100%; }
> 	div.main { margin-left:auto; margin-right:auto; width:500px; background-color:#069;}
> </style>
> ```
>
> 
> o ha class="main" på din div

Det är exakt samma sätt som jag har skrivit ovan, fast du använder onödigt många properties.

Och nä, fixed funkar inte i IE, men det står för IE och inte CSS.

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

## #5 — zcorpan, 2006-02-17T16:00Z

"Static" och "normal" är samma. Det initiala värdet för 'position' är static. 'top' och 'left' gäller endast för positionerade element (inte position:static). Sist jag kollade har IE6 bra stöd för position:static. :)

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

## #6 — bossse, 2006-02-17T17:49Z

```
<html>
<head>
<title></title>
<style type="text/css">
<!--
body {background-color:green; color:yellow;}
div {width:500px; height:350px; position:absolute; left:50%; top:50%; background-color:blue;
margin-left:-250px; margin-top:-175px; }
-->
</style>
</head> 
<body >
<div>
Ändra divens bredd o höjd till önskat mått. <br>
Du ändrar sedan värden för margin-left/margin-top enl. följande <br>
Om din div är 300px bred och 200px hög så blir margin-värdena <br>
minus 150px respektive minus 100px. <br>
Dvs hälften av divens mått, fast negativa. <br>
Diven ligger då alltid i mitten oavsett fönsterstorlek eller upplösning.<br>
</div>
</body>
</html>
```

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

## #7 — Prime_66, 2006-02-18T16:03Z

Tackar!

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

## #8 — Prime_66, 2006-02-18T17:10Z

Hmm..bosse. Om man tar din kod. Jag har ett par input texts i lagret med. Med din kod så syns inte dessa?? Skumt

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

## #9 — bossse, 2006-02-18T17:48Z

```
Allt som du lägger i lagret skall synas, alltså mellan [HTML]
<DIV> och </DIV>[/HTML]
```

Funkar det inte så får du väl visa din kod här.

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

## #10 — Prime_66, 2006-02-18T19:08Z

Hej. Jag fick göra som så att jag la ett lager till i lagret. För som du skrev det gömmer marginalerna en del av det som finns i lagret som css-en anger. Fast skumt nog gäller detta bara form-objekt. Men som sagt så löste jag det hela genom:
\<div id="layer1"\>
  \<div id="layer2"\>
  \<form\> \</form\>
  \</div\>
\</div\>

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

## #11 — sl0k, 2006-02-18T20:24Z

> **Prime_66 skrev:**
>
> Hej. Jag fick göra som så att jag la ett lager till i lagret. För som du skrev det gömmer marginalerna en del av det som finns i lagret som css-en anger. Fast skumt nog gäller detta bara form-objekt. Men som sagt så löste jag det hela genom:
> \<div id="layer1"\>
>   \<div id="layer2"\>
>   \<form\> \</form\>
>   \</div\>
> \</div\>

vet inte om jag förstår ditt problem .. men du kan ju ändra padding i lagret för att få lite mer utrymme i den .. känns ganska onödigt att ha 2 "lager" för det

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

---

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