---
title: "Centrera DIV på visad yta"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/143110-centrera-div-på-visad-yta"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "learn"
published: "2006-02-27T14:34:40.000Z"
updated: "2006-03-01T15:49:32.000Z"
replies: 8
views: 498
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/javascript/143110-centrera-div-på-visad-yta"
---

# Centrera DIV på visad yta

## #1 — learn, 2006-02-27T14:34Z

Hej,
Jag har en div som jag vill centrera både horisontellt och vertikalt på den yta av sidan som visas. Dvs om jag scrollat ner en bit på sidan så skall diven centreras just på den del av sidan som syns och inte mitten av hela sidan.. om ni förstår :)

Hur gör jag?

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

## #2 — learn, 2006-02-27T15:34Z

Till att börja med så vill jag åstadkomma det som visas på den bifogade bilden. Alltså en div (2) skall placeras i mitten ovanpå en annan div (2). 

Blir galen, får det inte att funka! Har sökt och sökt men inget tycks hjälpa... Kan tyckas vara simpelt men...neej.

Att sätta left på div 1 funkar ju inte, då div 2 också ligger i mitten (mha "margin:0 auto").

Snälla, hjälp mig!   :)

Bilagor:

- [divar.gif](https://www.webforum.nu/a/9840.gif)

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

## #3 — learn, 2006-02-27T16:33Z

Lyckades lösa den horisontella centreringen.

```
left:50%; margin-left:-50px;
```

Där 50px är hälften av DIVens width.

Men hur ska jag göra för att få DIVen att placeras i mitten vertikalt på den del av sidan som syns? 

Något med scrollHeight kanske, jag vet inte..? På något sätt måste man ju ta reda på hur långt ner besökaren har scrollat och sedan använda dessa koordinater på ngt sätt... Hur ska jag göra??

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

## #4 — nitro2k01, 2006-02-27T17:21Z

Funkar inte...

```
top:50%; margin-top:-50px;
```

...?

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

## #5 — sl0k, 2006-02-27T17:26Z

```
	
<style type="text/css">
div#mitten { 
	position:fixed; 
	margin:auto;
	left:50%;
	margin-left: -150px;
	top:50%; 
	margin-top: -200px;
	width:300px; 
	height:400px; 
}
</style>
```

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

## #6 — learn, 2006-02-27T18:45Z

Aha! "position:fixed" kände jag inte till, vad gör den?

Det funkar hur bra som helst i FF men inte alls i IE (såklart), där hamnar DIVen helt fel.

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

## #7 — echoSwe, 2006-02-28T23:14Z

Den lägger en box fixerad i din viewport.

IE hanterar inte det.
<http://www.divinentd.com/experiments/emulating-position-fixed.html>
<http://css-discuss.incutio.com/?page=GhostInTheBox>

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

## #8 — learn, 2006-03-01T10:19Z

> **echoSwe skrev:**
>
> Den lägger en box fixerad i din viewport.
> 
> IE hanterar inte det.
> <http://www.divinentd.com/experiments/emulating-position-fixed.html>
> <http://css-discuss.incutio.com/?page=GhostInTheBox>

Så, ngt annat tips på hur jag kan lösa detta problem?

*R: Ska kika på länkarna också, men kom gärna med fler förslag.*

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

## #9 — echoSwe, 2006-03-01T15:49Z

Ja, du kan använda javascript.

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/143110-centrera-div-på-visad-yta