Daniel Erni: Layer 1 ausblenden --> Layer 2 verschieben

Hallo Forum!

Ich habe mehrere Layers untereinanderstehen:

<div id="div1">
balkbjal
</div>
<div id="div2">
adsfkjl
</div>
<div id="div3">
dadf
</div>
<div id="div4">
adslk
</div>
...

Wenn ich nun per Javascript div2 ausblende, bleibt div3 logischerweise an seinem Platz. Ich möchte nun aber, dass - sobald div2 ausgeblendet wird - div3 quasi an die Stelle von div2 nach oben rutscht (oberer Rand von div3 bündig zu unterem Rand von div1), div4 an die Position von div3, usw... geht das irgendwie mit einfachen Einstellungen? Hat mir jemand einen Lösungsansatz?

Besten Dank schon mal...

Gruss,
Daniel

PS: Die Position von div2 ist "natürlich" dynamisch, sodass ich nicht einfach fixe Positionen zuweisen kann...

  1. Das Problem hat sich schon erledigt... http://www.aspforum.de war schneller ;-)

    Trotzdem danke!
    Daniel

  2. hi,

    Wenn ich nun per Javascript div2 ausblende, bleibt div3 logischerweise an seinem Platz.

    dann möchtest du, statt die css-eigenschaft visibility (deren unsichtbarkeits-einstellung in selfhtml treffend als "Nichtanzeige mit Platzhalter" beschrieben wird) zu verändern, lieber die eigenschaft display verändern ("Nichtanzeige ohne Platzhalter").

    http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#display

    gruss,
    wahsaga

    1. dann möchtest du, statt die css-eigenschaft visibility (deren unsichtbarkeits-einstellung in selfhtml treffend als "Nichtanzeige mit Platzhalter" beschrieben wird) zu verändern, lieber die eigenschaft display verändern ("Nichtanzeige ohne Platzhalter").

      Genau das war es, wobei ich bislang leider noch nie von display gehört hatte - deshalb auch meine Frage...

      Danke,
      Daniel