---
title: "Centrera ett lager?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/89816-centrera-ett-lager"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Conartis"
published: "2003-11-06T10:24:46.000Z"
updated: "2003-11-07T11:01:29.000Z"
replies: 11
views: 402
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/89816-centrera-ett-lager"
---

# Centrera ett lager?

## #1 — Conartis, 2003-11-06T10:24Z

Skulle behöva lite hjälp med att centrera en scrollbox, alltså så att den ligger i mitten hela tiden även om man resizar fönstret. Det ska alltså funka även i olika upplösningar på skärmen.

just nu så ser det ut så här och det funkar inte alls  :( 

\#divUpControl{position:absolute; width:700; left:100; top:300; z-index:1; text-align: right} 
\#divDownControl{position:absolute; width:700; left:100; top:500; z-index:1; text-align: right} 
\#divContainer{position:absolute; width:320; height:200; overflow:hidden; top:310; left:450; clip:rect(0,320,320,0); visibility:hidden} 
\#divContent{position:absolute; top:0; left:0} 

Har även lagt till det här, men hur får man dom att "aktiveras"?

function getCenterLeft(layerWidth)
{
    return ((screen.width / 2) - layerWidth)
}
function getCenterTop(layerWidth)
{
    return ((screen.height / 2) - layerWidth)
}

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

## #2 — nitro2k01, 2003-11-06T12:12Z

Nåt sånt här?

```
 
<style>
#divUpControl{position:absolute; width:100%; left:0px; top:0px; height: 10%; z-index:1; text-align: right} 
#divContainer{position:absolute; width:100%; height:80%; overflow:auto; top:10%; left:0px; } 
#divDownControl{position:absolute; width:100%; height: 10%; left:0px; top:90%; z-index:1; text-align: right} 

div	{border: 1px solid black;}
#outerContainer	{position: absolute; left: 10%; width: 80%; top: 20%; height: 60%;  }
</style>

<div id=outerContainer>

	<div id=divUpControl>
	divUpControl
	
	</div>
	
	<div id=divContainer>
	Denna div kan skrollas <br />
	Ta bort div	{border: 1px solid black;} från css-koden<br />
	Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. <br />
	Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. <br />
	Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. <br />
	Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. <br />
	Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. <br />
	Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. <br />
	Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. Text. Massa text. Textmassa. <br />
	
	</div>

	<div id=divDownControl>
	divDownControl
	
	</div>
</div>
```

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

## #3 — Conartis, 2003-11-06T12:42Z

Njaa, inte riktigt....den där boxen ändrar ju storlek när du ändrar fönsterstorleken och då blir det helt knas med innehållet i boxen.

function getCenterLeft(layerWidth)
{
return ((screen.width / 2) - layerWidth)
}
function getCenterTop(layerWidth)
{
return ((screen.height / 2) - layerWidth)
}

Det där ska ju funka men jag får inte igång det, nån annan som har nåt tips?

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

## #4 — dectgap, 2003-11-06T13:24Z

Om du bara vill att ett element ("scrollboxen") ska centreras på sidan behöver du inte blanda in JavaScript.

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

Ändra *margin-left* till halva bredden gånger -1, och motsvarande för *margin-top*.

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

## #5 — Conartis, 2003-11-06T13:37Z

Glömde nämna det  x(  Scrollboxen ska ligga på en bild som ligger i en \<td\>.....

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

## #6 — nitro2k01, 2003-11-06T16:17Z

Är tabellen dödsviktig, eller kan du tänka dig att man använder CSS för att centrera den?

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

## #7 — Conartis, 2003-11-06T16:27Z

tabellen måste vara kvar då grunden till sidan ligger i cellerna. Scrollboxen ska ligga ovanpå en bild i mitten och innehålla text, thumbs mm. Och jag vill inte använda mig av en iFrame.

CSS/javascript spelar ingen roll bara boxen ligger kvar i mitten i alla lägen och inte stör tabellen nånting.

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

## #8 — PepeJeria, 2003-11-06T16:51Z

Eh, så varför inte lägga en tabell i div:en? Eller är jag alldeles för nyvaken?

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

## #9 — Conartis, 2003-11-06T17:40Z

Nu hänger jag inte riktigt med, kan du förklara närmare?

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

## #10 — PepeJeria, 2003-11-06T17:43Z

Som sagt, jag har nog missuppfattat det här.. Men du behöver placera ut en tabell i mitten med scrollbar, eller hur?
Varför inte då använda sig av en div (som det rekommenderades ovan + overflow:auto;) och sen lägga tabellen i div:en?

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

## #11 — Conartis, 2003-11-07T08:46Z

Har en dhtml/css/java scroller som ska ligga ovanpå allt annat. Så sidan är uppbyggd av 3\*3 tabell med bilder i sen så ska scrollboxen hamna mitt i alltihopa utan att förskjuta nåt annat.

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

## #12 — nitro2k01, 2003-11-07T11:01Z

Det blir nog svårt att lösa ditt problem utan att se din kod. Du kan lägga upp den någonstans, eller zippa och bifoga filen.

Ett alternativ för att centrera även bilden kan vara att lägga den som bakgrund i det undre lagret(divContainer vad jag förstår), och sätta background-attachment: fixed; så håller sig bilden där den är trots att du scrollar.

Men som sagt du behöver inte en javascript-scroll för att kunna scrolla ett lager. Det räcker att du lägger till overflow: auto; i css för lagret! 

background-attachment: fixed; i kombination med overflow: auto; är nog den bästa lösningen för dig.(Så kan du smycka scrollbaren med explorer's special-attribut.)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/89816-centrera-ett-lager