---
title: "absolut > relative eller annat sätt?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/43235-absolut-relative-eller-annat-sätt"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "roady"
published: "2002-05-07T07:31:15.000Z"
updated: "2002-05-07T10:28:26.000Z"
replies: 1
views: 227
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/43235-absolut-relative-eller-annat-sätt"
---

# absolut > relative eller annat sätt?

## #1 — roady, 2002-05-07T07:31Z

Jag blir inte klok på det här, om vanligt är det Netscape 4 som krånglar...

Här bestämmer jag inställningarna:

```
<style type="text/css">
#divCont {position:absolute; z-index:1; left:50px; top:70px; height:400px; width:170px; visibility:hidden;}
</style>
```

 

Eftersom jag har min sida centrerad så måste jag flytta mina DIV på sidan så de hamnar rätt. Detta kan man väll komma undan om man lägger det i en tabell, med position:relative...
Men om jag uppfattat det rätt så går inte det i Netscape 4 :( 

Annars kan jag kolla browserna storlek:

```
<SCRIPT>
function getClientWidth(){
	if(document.all){
		return document.body.clientWidth;
	} else {
		return window.innerWidth;
	}
}
</SCRIPT>
```

och sedan räkna ut och ange var DIV:en skall ligga:

```
<SCRIPT>
document.getElementById("divCont").style.left = (getClientWidth()/2 - 370) + "px";
</SCRIPT>
```

Men detta funkar inte heller i Netscape! någon som har en bra lösning  :q

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

## #2 — Jojoxx, 2002-05-07T10:28Z

Netscape 4.x använder inte den objektmodellen (den fanns inte när 4:an skrevs. Använd denna funktion för att flytta lager;

```
function moveLayerAbs(Id,x,y){
	if (document.all){
		if (x) document.all[Id].style.left = x;
		if (y) document.all[Id].style.top = y;
	} else if (document.layers){
		if (x) document.layers[Id].left = x;
		if (y) document.layers[Id].top = y;
	} else if (document.getElementById){
		if (x) document.getElementById(Id).style.left = x+'px';
		if (y) document.getElementById(Id).style.top = y+'px';
	}
}
```

Den fungerar med både Netscapes och IEs gamla objektmodell och den nyare DOM. Annars kan du använda [layerlib.js](http://www.jojoxx.net/jscript/libs/index.html#layerlib) som båda dessa funktioner och fler därtill härstammar från.

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/43235-absolut-relative-eller-annat-sätt