---
title: "centrera oavsett upplösning"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/153542-centrera-oavsett-upplösning"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Ann-Sofie"
published: "2006-11-09T10:34:25.000Z"
updated: "2006-11-13T11:39:16.000Z"
replies: 12
views: 825
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/153542-centrera-oavsett-upplösning"
---

# centrera oavsett upplösning

## #1 — Ann-Sofie, 2006-11-09T10:34Z

Jag har ett problem som jag inte riktigt får till trots att jag läst i ett annat inlägg vad som är felet..

Jag har lagt en "platta" med allt innehåll cenrerat på skärmen.

För att centrera denna platta använder jag css stilmall och koden:

```
#platta
{
     height: 690px;
     width: 920px;
     background:#FFFFFF;
     border:none;
     left:50%;
     top:50%;
     margin-left:-460px;
     margin-top:-336px;
     position:absolute;
     }
```

Det ser bra ut i de flesta webbläsare men i låg upplösning så får ju inte hela plattan rum på skärmen och problemet är att scroll bara fungerar åt höger och nedåt. Därav försvinner information som ligger högt upp och till vänster på sidan. (ofta menyn vilket är förödande)

Jag har surfat runt för att hitta en lösning och fått veta att det inte alltid funkar med absolut positionering i samband med negativa tal. 

Hur sjutton ändrar jag detta för att plattan ändå ska ligga centrerat oavsett upplösning men att scroll fungerar så man kommer åt allt material?

Se gärna <https://www.barntyger.se> där koden ovan kommer ifrån. I 600x800 ser det inte klokt ut!!!

Tacksam för hjälp!
hälsningar
Ann-Sofie

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

## #2 — vic, 2006-11-09T10:43Z

margin-top skall ju vara -345px (hälften av height)

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

## #3 — Danne V, 2006-11-09T11:32Z

Kommer inte ihåg, men jag donade med detta i våras. Tror det löste sig med att jag satte

html {
height:100%;
}

och sedan margin-top till halva divvens höjd som vic skrivit.

Men du bör ju ha margin:auto för höger och vänster. Inte 50%.

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

## #4 — Ann-Sofie, 2006-11-09T22:40Z

> **Danne V skrev:**
>
> Kommer inte ihåg, men jag donade med detta i våras. Tror det löste sig med att jag satte
> 
> html {
> height:100%;
> }

Var menar du att jag ska sätta den koden? Jag har testat nu utan någon framgång tyvärr. (halva divven är också ändrad men det är ju inte det som är problemet utan att det inte går att scrolla!!)

vänliga hälsningar
ann-sofie

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

## #5 — lilja, 2006-11-10T00:46Z

Är inte problemet att "plattan" är större än 800x600 (bredd\*höjd)? Din platta är 920\*690, eller?

Varför inte använda relativ positionering och centrera plattan med 

```
#platta {margin:0 auto; text-align:left; width:800px;}
body {text-align:center;}
```

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

## #6 — seattlegrunge, 2006-11-10T06:55Z

Du skriver följande i för din body-tagg (detta för att Explorer ska centrera):

```
body {
   text-align: center;
}
```

För din platta skriver du:

```
#platta {
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
```

Margin-left/right: auto; är för att Firefox och andra vassa läsare ska centrera ditt innehåll. Text-align: left; är till för att återställa din text till vänsterställd för dessa webbläsare, eftersom du satte center för body-taggen.

Tyvärr lyssnar inte Explorer på margin-left/right: auto; därför satte du text-align: center; för body-taggen.

Så, nu är din sida alltid centrerad, oberoende av upplösning :)

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

## #7 — lilja, 2006-11-10T07:33Z

> **seattlegrunge skrev:**
>
> Så, nu är din sida alltid centrerad, oberoende av upplösning :)

Det där är exakt samma sak som jag skrev fast du har lite mer förklaring...

Är det någon som vet om nya IE har blivit bättre på att följa standarder såsom t.ex. "margin: 0 auto;" ??

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

## #8 — Ann-Sofie, 2006-11-10T08:50Z

Seattlegrunge:
Japp det stämmer och du har svarat fantastiskt pedagogiskt - tack!

Nu är sidan centrerad i sidled fast jag ville egentligen även få den centrerad på skärmen i alla riktningar, alltså att den skulle ligga en bit ner från top. Nu är det inte mycket marginal till skärmens top och det är inte så snyggt...

Är detta möjligt eller måste jag nöja mig med att den är centrerad i sidled?

ann-sofie

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

## #9 — Troxy, 2006-11-10T11:35Z

> **lilja skrev:**
>
> Är det någon som vet om nya IE har blivit bättre på att följa standarder såsom t.ex. "margin: 0 auto;" ??

Internet Explorer 6 har vad jag vet inga problem att centrera med *margin:0 auto;*.
Internet Explorer 5 däremot saknar stöd för det.

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

## #10 — lilja, 2006-11-10T17:56Z

> **Ann-Sofie skrev:**
>
> Nu är sidan centrerad i sidled fast jag ville egentligen även få den centrerad på skärmen i alla riktningar, alltså att den skulle ligga en bit ner från top. Nu är det inte mycket marginal till skärmens top och det är inte så snyggt...
> 
> Är detta möjligt eller måste jag nöja mig med att den är centrerad i sidled?
> 
> ann-sofie

Man kan göra det med ett fultrick och man kan göra det på ett lite jobbigare men dock mer korrekt sätt. Följande guide tar upp problemen rätt bra och slutar med 4 olika rätt simpla lösningar.

<http://apptools.com/examples/tableheight.php>

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

## #11 — seattlegrunge, 2006-11-11T19:47Z

Sorry Lilja... klockan var 07:55 när jag skrev och jag hade varit vaken hela natten... när mina ögon gick i kors så måste jag på nåt sätt ha missat att du skrev likadant... :)

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

## #12 — lilja, 2006-11-11T19:58Z

> **seattlegrunge skrev:**
>
> Sorry Lilja... klockan var 07:55 när jag skrev och jag hade varit vaken hela natten... när mina ögon gick i kors så måste jag på nåt sätt ha missat att du skrev likadant... :)

Lugnt! Du svarade trots allt mycket mer utförligt än mig :P

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

## #13 — Ann-Sofie, 2006-11-13T11:39Z

Tusen tack för all hjälp!

jag ska kika på länken, just nu har jag löst det genom att den får vara centrerad höger/vänster så tar jag tag i det här med toppen när det är lite lungrare kring skrivbordet!!

tacksam
ann-sofie

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/153542-centrera-oavsett-upplösning