---
title: "CSS possitionerings Trubbel!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/99728-css-possitionerings-trubbel"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "joonas"
published: "2004-03-17T23:27:28.000Z"
updated: "2004-03-17T23:47:48.000Z"
replies: 2
views: 238
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/99728-css-possitionerings-trubbel"
---

# CSS possitionerings Trubbel!

## #1 — joonas, 2004-03-17T23:27Z

Hejsan...

Jag håller på å försöker få en DIV som är typ 800px bred och 100% hög att ligga i mitten av sidan hela tiden. Typ som när man centrerar en tabell, men jag hittar inge positions alternativ som kan göra det.

Hur gör man?

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

## #2 — Phorpher, 2004-03-17T23:34Z

Lägg till:

```
margin-left: auto;
margin-right: auto;
```

...så borde det fungera.  :bire

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

## #3 — jarvklo, 2004-03-17T23:47Z

Det gör det... 
... och här är en komplett lösning som både använder centrering a'la Porphers förslag och som dessutom fungerar med bakgrundsfärger/bakgrundsbilder i \<div\>:en om innehållet behöver scrollas:

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
<title>Ett exempel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
html,body {
  height:100%;
  margin:0;
  padding:0;
  text-align:center;
}
#centrerad {
  margin-left:auto;
  margin-right:auto;
  min-height:100%; /* Denna skall räcka enligt CSS2 */
  width:800px;
  background-color:#eeeeee;
  /* fult hack för att gå förbi bugg i MSIE del 1 */
  /* min-height funkar inte i MSIE, men det gör height */
  height:100%;
}
  /* fult hack för att gå förbi bugg i MSIE del 2 */
  /* MSIE förstår inte denna - men min-height:100% */
  /* blir det som gäller för "moderna" webbläsare */
  /* när height "återställs" till auto */
body>#centrerad {height:auto}
-->
</style>
</head>
<body>
  <div id="centrerad">
Hej hopp i Lingonskogen!
  </div>
</table>
</body>
</html>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/99728-css-possitionerings-trubbel
