Clint: Opera kennt <table height=> nicht !?

Servus!

Wie ich grad festgestellt hab, gehört das "height" Attribut nicht zum offiziellen HTML Standard, wird jedoch von den meisten browsern richtig interpretiert.
Nur Opera(7) weigert sich.

Das ist sehr ärgerlich, da eine Tabelle bei mir immer die gesamte Bildschirmhöhe einnehmen (100%), und nicht abh. von Inhalt sein soll.

Wie kann man diese Tatsache an Opera vermitteln ?
Funktioniert das ohne CSS, oder komm ich da nicht drumm rumm ??

Vielen Dank und Gruß,
clint

  1. Hallo!!

    Wie ich grad festgestellt hab, gehört das "height" Attribut nicht zum offiziellen HTML Standard, wird jedoch von den meisten browsern richtig interpretiert.
    Nur Opera(7) weigert sich.

    Nein, tut er eigentlich nicht- oder hast Du Opera 7.03?
    Da gabs mal einen Aussetzer.

    tschüs, jürgen

    1. Hi Jürgen

      Nein, tut er eigentlich nicht- oder hast Du Opera 7.03?
      Da gabs mal einen Aussetzer.

      Nein, ich benutze die derzeit aktuellste (?) Version 7.11

      Das Problem hab ich oben nochmal genauer beschrieben.
      Der Quellcode schaut wie folgt aus:

      ------------
      <table border="0" width="100%" height="100%">
       <tr>
         <td>
          <table border="1" align="center" width="970" height="100%">
       <tr valign="top">
           <td>
        <table border="1" height="100%" width="190">
            <tr height="85" valign="top"><td>1.Zeile</td></tr>
            <tr height="5%"><td>2. Zeile</td></tr>
            <tr><td>3. Zeile</td></tr>
        </table>
           </td>
       </tr>
          </table>
         </td>
       </tr>
      </table>
      -------------

      Beim IE z.B. steht nun das "3.Zeile" rel. mittig am Bildschrim.
      Bei Opera klebt es direkt unter Zeile 2.

      bye...
      clint

      1. Hallo!

        <table border="0" width="100%" height="100%">
         <tr>
           <td>
            <table border="1" align="center" width="970" height="100%">
         <tr valign="top">
             <td>
          <table border="1" height="100%" width="190">

        Orlando hat die Antwort ja schon gegeben:
        Die zweite Tabelle befindet sich in <td>, dem mußt Du eine höhe geben.

        tschüs, jürgen

        1. Hi

          Orlando hat die Antwort ja schon gegeben:
          Die zweite Tabelle befindet sich in <td>, dem mußt Du eine höhe geben.

          Also jetzt steh ich auffm Schlauch.
          Ich muss dem <td> eine Höer verpassen ?
          Eher dem <tr> oder ?

          Aber selbst damit krieg ichs im Opera nicht hin !!?

          Wo genau muss ich denn nun die zweite Höhenangabe reinschreiben ?

          thx4help,
          clint

          1. Hallo!

            Also jetzt steh ich auffm Schlauch.
            Ich muss dem <td> eine Höer verpassen ?

            Ja

            Eher dem <tr> oder ?

            Nein

            Wo genau muss ich denn nun die zweite Höhenangabe reinschreiben ?

            Die innere Tabelle soll 100% groß sein, das sind 100% der Höhe des übergeordneten Elements. Das übergeordnete Element ist Die Zelle <td> der äußeren Tabelle. Diese Zelle mußt Du 100% hoch machen.

            <table height="100%"><tr><td height="100%">
            <table height="100%">

            tschüs, jürgen

            1. p.s.

              Wenn Du IE6 hast, könntest Du mir mal helfen:
              [pref:t=51396&m=282299]

              1. p.s.

                Wenn Du IE6 hast, könntest Du mir mal helfen:
                [pref:t=51396&m=282299]

                Hab leider(?) nur den 5.5er - ansonsten gerne...

            2. Hallo!

              Hi

              Die innere Tabelle soll 100% groß sein, das sind 100% der Höhe des übergeordneten Elements. Das übergeordnete Element ist Die Zelle <td> der äußeren Tabelle. Diese Zelle mußt Du 100% hoch machen.

              <table height="100%"><tr><td height="100%">
              <table height="100%">

              Das klappt nicht :-/

              Hier nochmal der aktualisierte code:

              <table border="0" width="100%" height="100%">
               <tr>
                 <td height="100%">
                  <table border="1" align="center" width="970" height="100%">
               <tr valign="top">
                   <td height="100%">
                <table border="1" height="100%" width="190">
                    <tr height="85" valign="top"><td>1.Zeile</td></tr>
                    <tr height="5%"><td>2. Zeile</td></tr>
                    <tr><td>3. Zeile</td></tr>
                </table>
                   </td>
               </tr>
                  </table>
                 </td>
               </tr>
              </table>

              (sorry für die verschachtelte Formatierung - hier ist wohl zuwenig Platz)

              Selbst wenn ich alle <tr>s noch ein height=100% einfüge gehts nicht :(

              Danke für die Hilfe...
              clint

              1. Hallo!

                Seltsam- mit 2 verschachtelten Tabellen funktioniert es, bei 3 nicht mehr. Ich bin Überfragt, vermutlich ein Bug.
                In Opera 6 läufts übrigens einwandfrei (ich weiß, ein schwacher Trost).
                Ich werds morgen mal korrekt mit CSS testen und hier das Ergebnis posten.

                tschüs, jürgen

                1. Hallo!

                  Die Sache funktioniert erwartungsgemäß auch mit CSS nicht, wenn 3 Tabellen verschachtelt sind: (für Opera 6 kein Problem)

                  <style>
                  body, html, table, .t100 {height:100%}
                  body {margin:0; padding:0}
                  </style>

                  <table border>
                   <tr>
                     <td class="t100">
                      <table border width="777">
                   <tr >
                       <td class="t100">
                    <table border width="190">
                        <tr><td height="85">1.Zeile</td></tr>
                        <tr><td height="5%">2. Zeile</td></tr>
                        <tr><td>3. Zeile</td></tr>
                    </table>
                       </td>
                   </tr>
                      </table>
                     </td>
                   </tr>
                  </table>

                  tschüs, jürgen

                  1. Damit keiner meckert, hier der Code nochmal ganz korrekt:

                    <style type='text/css'>
                    body, html, table, .t100 {height:100%}
                    body {margin:0; padding:0}
                    </style>

                    <table border>
                     <tr class="t100">
                       <td class="t100">
                         <table border width="777">
                          <tr class="t100">
                           <td class="t100">
                             <table border width="190">
                              <tr><td style="height:85px">1.Zeile</td></tr>
                              <tr><td style="height:25px">2. Zeile</td></tr>
                              <tr><td>3. Zeile</td></tr>
                            </table>
                          </td>
                         </tr>
                        </table>
                       </td>
                     </tr>
                    </table>

                    tschüs, jürgen

                    1. Hi Jürgen,
                      vielen Dank für Deine Mühe.
                      Wenns nicht geht kann ichs auch nicht ändern....

                      Muss mir was Neues überlegen :)

                      bye und schönes WE
                      clint

                  2. Hallo Jürgen,

                    Die Sache funktioniert erwartungsgemäß auch mit CSS nicht, wenn 3 Tabellen verschachtelt sind:

                    Konqueror macht es selbst mit zweien nicht.

                    Viele Grüße,
                    Christian

  2. Ergänzung:
    Es funktioniert nur dann nicht, wenn ich zwei ineinander verschachtelte Tabellen habe.

    Beide sollen 100% der Höhe in Anspruch nehmen.

    In der inneren Tabelle habe ich 3 Zeilen.
    Die ersten beiden mit fester Höhe, die dritte soll eben bis zum Bildschirm-"Boden" reichen.
    Das klappt leider im Opera nicht.
    Die dritte Zeile ist nur so hoch wie nötig.

    Irgendwelche Vorschläge ?

    Danke und Gruß,
    Andi

    1. Hi Clint,

      Die ersten beiden mit fester Höhe, die dritte soll eben bis zum Bildschirm-"Boden" reichen.
      Das klappt leider im Opera nicht.

      welche Höhe hat das der Tabelle übergeordnete Element, auf die sich die 100% der Tabelle beziehen sollen?

      Grüße,
       Roland

      --
      http://my.opera.com/dev/articles/20030519/
      http://aktuell.de.selfhtml.org/tippstricks/beitrag.htm
      selfcode = ss:| zu:} ls:} fo:} de:> va:} ch:| sh:) n4:& rl:| br:< js:{ ie:{ fl:{ mo:|
      1. Hallo Roland

        welche Höhe hat das der Tabelle übergeordnete Element, auf die sich die 100% der Tabelle beziehen sollen?

        Die sind IMHO alle auf 100%

        <table border="0" width="100%" height="100%">
         <tr>
           <td height="100%">
            <table border="1" align="center" width="970" height="100%">
         <tr valign="top" >
             <td>
          <table border="1" height="100%" width="190">
              <tr height="85" valign="top"><td>1.Zeile</td></tr>
              <tr height="5%"><td>2. Zeile</td></tr>
              <tr><td>3. Zeile</td></tr>
          </table>
             </td>
         </tr>
            </table>
           </td>
         </tr>
        </table>

        Ich verzweifel grad :o)

        bye
        clint

  3. Hallo clint,

    schau mal zur Information auf http://home.arcor.de/rainergroth/mda/clint/demo.htm.

    (Ich habe mir erlaubt, die Tabellenrahmen zu unterdruecken und stattdessen die Tabellen selbst schoen (?) einzufaerben)

    Tut mir ja leid, aber CSS ist schon sicherer als propietaere HTML-Attribute :-)

    gruesse
    rainer groth

    --
    ss:| zu:} ls:& fo:) de:] va:| ch:] n4:° rl:? br:$ js:| ie:| fl:( mo:?
    (--> einer der letzten bauhaeusler <--)