---
title: "Att centrera något med css"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/104030-att-centrera-något-med-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "pakmannen"
published: "2004-05-21T13:15:30.000Z"
updated: "2004-05-22T14:07:50.000Z"
replies: 7
views: 438
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/104030-att-centrera-något-med-css"
---

# Att centrera något med css

## #1 — pakmannen, 2004-05-21T13:15Z

Hej,

För att centrera något både på höjden och bredden med css så har jag tidigare använt mig av:

top:50%
left:50%
margin-top:-höjden på diven/2
margin-left:-bredden på diven/2

Men jag märkte nyligen ett problem med den metoden. Om man förminskar fönstret, eller tex använder en låg upplösning så kan man inte scrolla uppåt eller åt vänster pga att marginalerna är negativa. Finns det något sätt att göra det här på ett bättre sätt?

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

## #2 — joohn, 2004-05-21T14:57Z

Finns många olika lösningar

\- <http://www.hicksdesign.co.uk/articles/css/vertical_centering_with_css/index.php>

\- <http://www.ssson.se/> klicka paragrafer sen css där hittar du 

\- #container {
         width:800px; 
         height:500px; 
         margin: -250px 0px  0px -400px;
         position:absolute; 
         top:50%; 
         left:50%
}

\- div {
    margin: 0 auto;
    position: absolute;
    top: 50%;
    margin-top: -x;   
}

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

## #3 — icaaq, 2004-05-21T14:58Z

Det finns massor med varianter på att centrera divar på.

Sök i detta forum efter centrera css och du kommer att få massor med svar.

mv icaaq

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

## #4 — Bäckman, 2004-05-21T16:04Z

Enklaste metoden när man vill centrera horisontellt är väl ändå nedanstående?

```
#div {
margin: auto;
}
```

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

## #5 — Tinwëlint, 2004-05-21T17:21Z

Ja om man inte bryr sig om att det inte funkar som det ska i IE  ;)

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

## #6 — Bäckman, 2004-05-22T09:27Z

Det funkar för mig att skriva så med IE. Vet inte hur det är med de äldre IE-versionerna iofs... :)

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

## #7 — frankof, 2004-05-22T09:56Z

> **Tinwëlint skrev:**
>
> Ja om man inte bryr sig om att det inte funkar som det ska i IE  ;)

Fungerar utmärkt i IE6, om du sätter läsaren i rätt "mode" (korrekt docktype)

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

## #8 — pakmannen, 2004-05-22T14:07Z

<https://www.ssson.se>  har ju samma problem (på höjden), men eftersom den inte är särskillt hög är det väl knappast ett problem. 

Hicksdesign verkar ha några bra lösningar, tack så mycket!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/104030-att-centrera-något-med-css