---
title: "Dölja lager som inte reserverar yta??"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/183450-dölja-lager-som-inte-reserverar-yta"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "evilaid"
published: "2010-05-11T08:11:03.000Z"
updated: "2010-05-11T11:54:48.000Z"
replies: 8
views: 520
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/183450-dölja-lager-som-inte-reserverar-yta"
---

# Dölja lager som inte reserverar yta??

## #1 — evilaid, 2010-05-11T08:11Z

Hej

Tror det står still i huvudet på mig nu..
det är så att jag har ett dolt lager och när jag visar det mha av javascript så ska allt text under denna flyttas nedåt. Som det är nu så är den yta där det dolda lagret är redan reserverad. Alltså en tomt utrymme.. detta vill jag komma ifrån..
Ex
\<div id="div1"\>\<a href="#" onclick="show('div2')"\>Visa ext\</a\>\</div\>
\<div id="div2" style="visibility:hidden;"\>osynligt\</div\>
\<div id="div3"\>detta ska flyttas ned...\</div\>

I detta ex syns inte div2 men men utrymmet är ju upptaget på sidan, jag vill att utrymmet endast ska användas när lagret visas, alltså så att div3 flttas ned när div2 visas??

Mvh

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

## #2 — metalboy, 2010-05-11T08:12Z

Använd **display: block** resp **display: none** istället för *visibility*

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

## #3 — @nders, 2010-05-11T08:12Z

*display:none;* resp. *display:block;* istället för visibility.

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

## #4 — @nders, 2010-05-11T08:13Z

Hmm. Jag är tydligen rätt enig med metalboy i ämnet. ;)

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

## #5 — evilaid, 2010-05-11T09:05Z

precis så, vet inte varför men jag har inte använt display på väldigt länge. Hur är tanken igentligen med display och visibility?

Har en kompletterande fråga också.
NU se koden ut så här (endast test)

```
<script language="Javascript">
function show(layer)	{
document.getElementById(layer).style.display="block"
}
function hide(layer)	{
document.getElementById(layer).style.display="none"
}
</script>
<body>
<div id="div1"><a href="#" onclick="" onMouseover="show('div2')" onmouseout="hide('div2')">Visa ext</a></div>
<div id="div2" style="display:none; onMouseover="show('div2')" onmouseout="hide('div2')" 	position:inherit">osynligt</div>
<div id="div3">detta ska flyttas ned...</div>
```

Jag vill ju att om musen förs över div1 så visas div2, och så länge musen är över div2 så ska den visas men för man musen ut från div1 eller div2 så ska div2 döljas. som det är nu så försvinner ju div2 så fort marlören försvinner från div1. Ska jag ha någon timer eller likanande som gör att att div2 visas även när markören flyttas från div1 till div2 ??
Elle någon annan idé?

Mvh

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

## #6 — voigtann1, 2010-05-11T09:09Z

visible så visas bara inte elementet, display är vad den är för typ, inline, block osv bete sig olika beroende på vad du kör, om du vill att din kod skall fungera så måste du ha #div2 inne i #div1 för ananrs så för du ju ut din mus bort från #div1.

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

## #7 — evilaid, 2010-05-11T09:14Z

hahahh, då förtår jag.. Tänkte hyfsat fel där.. Men tack för ni hjälpte en virrig själ...

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

## #8 — The_Hulk, 2010-05-11T09:51Z

Följande rad ser fel ut. Du har slängt in onMouseOver samt onMouseOut i style-attributet.

```
<div id="div2" style="display:none; onMouseover="show('div2')" onmouseout="hide('div2')" 	position:inherit">osynligt</div>
```

det borde vara 

```
<div id="div2" style="display:none; position:inherit" onMouseover="show('div2')" onmouseout="hide('div2')">osynligt</div>
```

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

## #9 — evilaid, 2010-05-11T11:54Z

japp, har ändrat om det...

Tack för tipset!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/183450-dölja-lager-som-inte-reserverar-yta
