martin.richter: Unsichtbares DIV macht sich trotzdem breit

Hallo,

ich habe die gleichen DIV-Boxen untereinander mit dieser Formatierung:

div.text{position:relative;width:395px;padding:15px;margin-bottom:15px}

Nun soll eine Box davon unsichtbar sein und auf Klick erscheinen:

<div class="text">Irgendwas</div>  
<div class="text" style="visibility:hidden" id="zeigen">Unsichtbar</div>  
<div class="text">Irgendwas</div>  
  
<div class="text">  
<a href="#" onClick="javascript:parent.document.getElementById('zeigen').style.visibility='visible';return false;">Zeigen</a></div>

Das funktioniert soweit, allerdings beansprucht die unsichtbare Box jetzt schon ihren kompletten Platz anstatt sich beim Sichtbarmachen zwischen die anderen beiden Boxen reinzuschieben.

Ich dachte "display:inline" wäre hier die Lösung aber das geht ja nicht für DIVs.

Was muss ich dann ändern damit die unsichtbare Box erstmal sozusagen die Höhe "0" Pixel hat?

Danke,
Martin Richter

  1. Hi,

    Das funktioniert soweit, allerdings beansprucht die unsichtbare Box jetzt schon ihren kompletten Platz

    Herzlichen Glueckwunsch, du hast den Unterschied zwischen visibility:hidden und display:none entdeckt.

    Ich dachte "display:inline" wäre hier die Lösung aber das geht ja nicht für DIVs.

    Natuerlich "geht" das, so wie fuer *jedes* andere Element auch.
    Aber die Auswirkungen sind u.U. nicht das, was du dir vorstellst.

    Was muss ich dann ändern damit die unsichtbare Box erstmal sozusagen die Höhe "0" Pixel hat?

    display:none, und fuer sichtbar natuerlich wieder auf den Default fuer Div-Elemente, also block, aendern.

    MfG ChrisB

    --
    „This is the author's opinion, not necessarily that of Starbucks.“