Tim Ruffing: Tabelle bis zum unteren Fensterrand ausdehnen

Hi,

ich möchte eine Tabelle (über der noch andere Elemente stehen) bis zum unteren Rand des Elternelemets (ein div) ausdehnen. Ich hab es mit margin-bottom: 0px versucht, ging aber nicht. Wie kann man das hinkriegen?

Tschüss
Tim

  1. Hi,

    ich möchte eine Tabelle (über der noch andere Elemente stehen) bis zum unteren Rand des Elternelemets (ein div) ausdehnen. Ich hab es mit margin-bottom: 0px versucht, ging aber nicht. Wie kann man das hinkriegen?

    Tschüss
    Tim

    -> <table height="100%">

    1. Hi,

      -> <table height="100%">

      Nein, dann kriegt die Tabelle die Höhe der Seite

      Tim

      1. Hallo,

        ich versteh schon dein Problem, aber die Ursache muss in einem Quelltext-Fehler stecken. Stell doch mal die wesentlichen Stellen hier ins Forum!

        Anna

        1. stümmt, sowohl via css als über das attribut height wird in allen browsern immer der raum nach voranstehenden elementen gemessen:

          css-variante:
          <html>
           <head>
           <style type="text/css">
            body {margin:0px}
            table {
              height:100%;
              background-color:#ffff00;
            }
           </style>
           </head>
           <body>
           <h1>Irgendein dusseliges Element</h1>
           <table>
            <tr><td>Meine Tabelle</td></tr>
           </table>
           </body>
          </html>

          Variante für nn4x
          <html>
          <head>
            <style type="text/css">
             body {margin:0px;}
            </style>
          </head>
          <body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
            <span>Irgendein dusseliges Element</span>
            <table height="100%" bgcolor="#ff0000">
              <tr><td>Meine Tabelle</td></tr>
            </table>
          </body>
          </html>

          gruß, uschi

        2. Also,

          --schnipp--
          <div style="margin-bottom: 0px; margin-top: 0px; width: 100%; height: 100%; paddding: 0px;">
          ...
          <table border="0" cellspacing="4" cellpadding="0" class="zentriert" style="margin-top: -4px; margin-bottom: 0px;">
          ...
          </table>
          </div>

          --schnapp--

          .zentriert {text-align: center;}

          Anna

          Tim