Daniel Völkerts: Height in % wird vom IE 6 nicht akzeptiert

Hallo,

ich habe ein <div> welches eine Tabelle enthält. Das DIV soll 40% vom Browserfenster hoch sein und automatisch einen Scrollbalken bekommen.

Folgender CSS Code wird vom IE 6 SP1 nicht genommen:

.table_body {
  height: 40%;
  overflow: auto;
}

Wenn ich hingegen die height-Angaben in px/pt machen wird alles korrekt dargestellt.

Ich möchte aber gerne eine relation zwischen Tabelle und Browser herstellen..

Gruß,
Daniel

  1. Hello out there!

    ich habe ein <div> welches eine Tabelle enthält. Das DIV soll 40% vom Browserfenster hoch

    Dann musst du das auch angeben.

    height: 40%;

    Die 40% beziehen sich auf die Höhe der umschließenden Box (des Elternelements). Das ist wohl nicht der Viewport.

    Ich möchte aber gerne eine relation zwischen Tabelle und Browser herstellen..

    Und damit deine Webseite für kleine Browserfenster unbenutzbar machen? Eine 'min-height'-Angabe wäre wohl in diesem Falle dringend anzuraten.

    See ya up the road,
    Gunnar

    --
    „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
    1. Hello out there!

      ich habe ein <div> welches eine Tabelle enthält. Das DIV soll 40% vom Browserfenster hoch

      Dann musst du das auch angeben.

      height: 40%;

      Die 40% beziehen sich auf die Höhe der umschließenden Box (des Elternelements). Das ist wohl nicht der Viewport.

      Ich möchte aber gerne eine relation zwischen Tabelle und Browser herstellen..

      Und damit deine Webseite für kleine Browserfenster unbenutzbar machen? Eine 'min-height'-Angabe wäre wohl in diesem Falle dringend anzuraten.

      Allerdings versteht das nur die Gecko-Engine

      1. Hallo Joe,

        Und damit deine Webseite für kleine Browserfenster unbenutzbar machen? Eine 'min-height'-Angabe wäre wohl in diesem Falle dringend anzuraten.

        Allerdings versteht das nur die Gecko-Engine

        Opera und der IE7 auch. Letzterer nur bei strictem Doctype. Sogar der IE6 versteht es in Bezug auf Tabellen-Nachfahrenselemente, wenn man der Tabelle table-layout:fixed verpasst:

        "With Internet Explorer 6, this property applies only to td, th and tr elements in fixed-layout tables. (...)"

        http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/minheight.asp

        Außerdem kann man beim IE5 oder beim IE6 (für andere Elemente) mit expression() arbeiten.

        Gruß Gernot

  2. Hallo,

    ich habe ein <div> welches eine Tabelle enthält. Das DIV soll 40% vom Browserfenster hoch sein und automatisch einen Scrollbalken bekommen.

    Folgender CSS Code wird vom IE 6 SP1 nicht genommen:

    .table_body {
      height: 40%;
      overflow: auto;
    }

    Bei mir gehts mit dem IE6

    1. hi,

      könntest auch du dir bitte langsam mal angewöhnen, vernünftig zu zitieren?
      Immer alles muss nicht sein - die Aussage, worauf du konkret Bezug nimmst, reicht aus.

      gruß,
      wahsaga

      --
      /voodoo.css:
      #GeorgeWBush { position:absolute; bottom:-6ft; }
      1. hi,

        könntest auch du dir bitte langsam mal angewöhnen, vernünftig zu zitieren?

        Manchmal braucht man mehr um den Bezug zu schaffen

        1. Hi Joe!

          könntest auch du dir bitte langsam mal angewöhnen, vernünftig zu zitieren?
          Manchmal braucht man mehr um den Bezug zu schaffen

          Du brauchst die Begrüßung wahsagas um einen Bezug worauf zu schaffen?

          Ich finde deine Antworten auch sehr unleserlich. Du wurdest ja nur gebeten, deinen Zitierstil etwas umzustellen. Dein jetziger wird als unhöflich empfunden.

          MfG H☼psel

          --
          "It's amazing I won. I was running against peace, prosperity, and incumbency."
          George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
          Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
        2. hi,

          Manchmal braucht man mehr um den Bezug zu schaffen

          Aber seltenst alles.
          In aller Regel legt man damit eher den Eindruck nahe, man wäre gar nicht in der Lage, vernünftig Bezug zu nehmen.

          gruß,
          wahsaga

          --
          /voodoo.css:
          #GeorgeWBush { position:absolute; bottom:-6ft; }
    2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

      <html>
      <head>
       <title>Unbenannt</title>
      </head>

      <body>
      <div style="height:40%;overflow:auto;background-color:red;">
      <table>
       <tr>
        <td>sds</td>
       </tr>
       <tr>
        <td>sds</td>
       </tr>
       <tr>
        <td>sds</td>
       </tr>
       <tr>
        <td>sds</td>
       </tr>
       <tr>
        <td>sds</td>
       </tr>
       <tr>
        <td>sds</td>
       </tr>
       <tr>
        <td>sds</td>
       </tr>
       <tr>
        <td>sds</td>
       </tr>
       <tr>
        <td>sds</td>
       </tr>
       <tr>
        <td>sds</td>
       </tr>
       <tr>
        <td>sds</td>
       </tr>
       <tr>
        <td>sds</td>
       </tr>
       <tr>
        <td>sds</td>
       </tr>
       <tr>
        <td>sds</td>
       </tr>
      </table>
      </div>

      </body>
      </html>

      1. Hi Joe!

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

        Das ist ungültiges HTML.
        Selfhtml soll ganz gut sein. ;-)

        MfG H☼psel

        --
        "It's amazing I won. I was running against peace, prosperity, and incumbency."
        George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
        Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
        1. Hi Joe!

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
          Das ist ungültiges HTML.
          Selfhtml soll ganz gut sein. ;-)

          Ja das ist auf die schnelle gemacht. Der Standart Doctype den Homesite nimmt