---
title: "Dölj/visa lager ovanpå varandra.."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/178897-dölj-visa-lager-ovanpå-varandra"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "evilaid"
published: "2009-06-07T09:03:56.000Z"
updated: "2009-06-07T16:42:53.000Z"
replies: 4
views: 449
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/178897-dölj-visa-lager-ovanpå-varandra"
---

# Dölj/visa lager ovanpå varandra..

## #1 — evilaid, 2009-06-07T09:03Z

Hej

Har ett litet dilema och vet inte till 100% hur jag ska lösa det.

det är så  att jag har en ruta på sidan alltså en "div".. Nu är det så att jag vill ha flera divar på liggande på varanadra men så att bara en av dessa visas, klickaar man sedan på ex länken "kontakt" så ska ett av lagren visas och resterande döljas.

jag vet nog hur man dljer och visar lager mha javascript men inte hur jag ska göra för att placera lagren på varandra?

Kommer dte funka att göra så här??

Anledningen är att jag inte vill ladda om sidan utan när sidan laddas försts gången så fylls lagren på med information och broende på vilken länk man klickar på så visas några av lagren??

Skulle ju kunna använda ajax men det handlar om så lite text i varje div så det vorde ju smidigare om man kan ladda in att på en gång, eller?

Öppen för andra ideer?

Mvh

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

## #2 — rhdf, 2009-06-07T10:45Z

För att lägga flera "lager"  på varandra så kan du ju använda dig av absolut position på de divs som skall ligga över varandra

tex

```
CSS:

#placeholder{
position:relative;
width:150px
height:150px;
}
#lager1{
Position:absolute;
Left:0;
Top 0
Width:120px;
Height:120px;
}
osv

HTML:
<div id="placeholder">
  <div id="lager1"> Lager 1</div>
  <div id="lager2"> Lager 2</div>
  <div id="lager3"> Lager 3</div>
</div>
```

Om du bara skall visa en div i taget så borde det dock funka med att  bara lägga dem under varandra och dölja/visa dem

samma effekt som detta ger

```
<div id="placeholder">
  <div id="lager1" style="display:none;"> Lager 1</div>
  <div id="lager2"> Lager 2</div>
</div>
```

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

## #3 — evilaid, 2009-06-07T16:18Z

ditt första exempel funkar..

Gick dock inte lägga dom under varandra utan att de reserverade utrymme...

vad är skillnaden på display:none och visibility: hidden..

tack

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

## #4 — rhdf, 2009-06-07T16:34Z

skillnaden är ungefär vad det låter som 
display:none = visa inte, samma effekt som att elementet inte finns alls
visibility: hidden=visa inte, men elementet tar upp den plats man angett att det skall ta

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

## #5 — evilaid, 2009-06-07T16:42Z

ok... Jag använde visibility i början, var därför det tog upp lpats hela tiden

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/178897-dölj-visa-lager-ovanpå-varandra