---
title: "Relativ och absolut position?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/64615-relativ-och-absolut-position"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "ejick"
published: "2003-01-12T23:03:53.000Z"
updated: "2003-01-13T17:34:36.000Z"
replies: 8
views: 341
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/64615-relativ-och-absolut-position"
---

# Relativ och absolut position?

## #1 — ejick, 2003-01-12T23:03Z

Hej,

jag sliter snart av mig allt mitt hår då jag inte får en sida att funka. Jag skall ha sidan centrerad och har gjort ett lager med positionen relativ.

```
#layer1 {position:relative; top:0px; width:400px; z-index:1;}
#layer2 {position:absolute; top:0px; left:5px; width:390px; z-index:2;}
...

<div align="center">
<div id="layer1">
<table width="400" height="100%">
<tr>
  <td width="400" height="100%" bgcolor="#FFCCCC" valign="top">
  <img src="img/lyr_bgr.gif" width="400" height="450">

  <div id="layer2">
  <table width="390">
  <tr>
    <td width="390" valign="top">
    <img width="0" height="1000">
    </td>
  </tr>
  </table>
  </div>

  </td>
</tr>
</table>
</div>
</div>
```

 

Jag vill ha det så att layer1's bakgrundsfärg följer med layer2 så att säga. Beroende på hur högt layer2 är.

Hur skall jag få det att funka??? Jag har för mig att jag har lyckats tidigare.. Jag kan inte ha layer2's position relative, eftersom det är en bild i layer1 som skall ligga under.

Skulle vara roligt om någon kunde hjälpa mig.

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

## #2 — Peter S, 2003-01-12T23:30Z

> jag sliter snart av mig allt mitt hår

Aj då!  :( 

Ta en titt här istället:
<http://www.peterbailey.net/dhtml/centered.htm>

 :)

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

## #3 — ejick, 2003-01-12T23:36Z

Hmm, ja det var ju rätt gjort.. Men det löser inte mitt problem, underlagret på den sidan har bestämd höjd medans jag vill ha en obestämd..

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

## #4 — Peter S, 2003-01-13T10:41Z

Testa detta:

```
<style type="text/css">
<!--

#main {
	position : relative;
	width : 400px;
	height : 100%;
	background : #eef;
	left : 50%;
	margin : 0px 0px 0px -200px;
	z-index : 1;
}

#content {
	position : absolute;
	width : 390px;
	left : 50%;
	margin : 0px 0px 0px -195px;
	z-index : 2;
}

-->
</style>

<body>

<div id="main">
<img src="img/lyr_bgr.gif" height="450" width="400" border="0">
	<div id="content">
		<table width="100%" border="1" align="center">
		<tr>
			<td>Foo</td>
		</tr>
		</table>
	</div>
</div>

</body>
```

 :)

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

## #5 — ejick, 2003-01-13T12:26Z

Hmm.. Det fungerar tills jag lägger in en bild eller dyl i tabellen som är högre än lagret under. Jag skulle vilja ha det så att underlagret följer med.

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

## #6 — Peter S, 2003-01-13T12:55Z

Är JavaScript tillåtet?  :e 

 :)

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

## #7 — ejick, 2003-01-13T16:07Z

Jodå, allt som får det att funka :)

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

## #8 — Peter S, 2003-01-13T16:13Z

Då kanske följande gör susen:

```
<script type="text/javascript">
<!--

window.onload = function(){
     document.getElementById("main").style.height = document.getElementById("content").offsetHeight + "px";
};

//-->
</script>
```

 :)

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

## #9 — ejick, 2003-01-13T17:34Z

You're the man  :birp

Klurigt att det inte finns något enklare sätt..

Tack!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/64615-relativ-och-absolut-position
