Siechfred: Tabelle im DIV und display:none funktioniert nicht

Beitrag lesen

SELF-Forum

Tabelle im DIV und display:none funktioniert nicht

Siechfred Homepage des Autors
– Informationen zu den Bewertungsregeln

Hell-O!

display:none; und nicht display.none;
Aber das ändert nichts am Problem. ...nicht wirklich im Browser ausprobiert, häh? ;-)

Oh doch. Und es funktioniert, zumindest wird da was ein- und ausgeblendet.

Dann siehst Du, dass die Tabelle einfach auf die Seite geklatscht wird, obwohl sie ja erst nach dem Button-Klick IM DIV erscheinen soll.

Du hast soeben die Nachteile des Tabellenlayouts entdeckt. Folgendes funktioniert bestens:

<body>  
  <h1>Testseite</h1>  
  <div id="more" style="position:absolute; top:100pt; left:100pt; ...">  
    <h2>Die Tabelle:</h2>  
    <table border="1">  
      <tr>  
        <td>BingoBongo!</td>  
      </tr>  
    </table>  
    <p><input type="button" name="hideDiv" value="close" onClick="javascript:document.getElementById('more').style.display='none'"/></p>  
  </div>  
  <p><input type="button" name="showDiv" value="show" onClick="javascript:document.getElementById('more').style.display='block'"/></p>  
</body>

Und übersichtlicher ist es auch noch :-)

Siechfred

--
Ich bin strenggenommen auch nur interessierter Laie. (molily)
Kabelkuddelmuddel || Steuerfreie Geburtsbeihilfen?  || RT 221 Erfurt-Altstadt i.V.
Beitrag melden
–
Informationen zu den Bewertungsregeln