Jochen M.: Tabelle in Tabelle

Abend,

ich bin es nochmal. Ihr werdet mich jetzt zwar erschlagen aber auf diese Gefahr hin werde ich es trotzdem mal versuchen. :-)

Ich möchte gerne folgendes hinbekommen. Ich möchte eine Tabelle haben die in einer Tabelle ist. Das bekomme ich ja noch hin, aber die erste Tabelle soll eine festgelegte größe haben.

Es soll dan so hinaus laufen, wenn der Inhalt der ersten tabelle zugroß ist, soll man scrollen können.

Wie geht das ?

  1. Hallo Jochen,

    Es soll dan so hinaus laufen, wenn der Inhalt der ersten tabelle zugroß ist, soll man scrollen können.

    Du drückst dich unklar aus, was meinst du mit "erster Tabelle", die innere oder die äußere?

    Zweig uns doch überhaupt mal deine Seite im Netz, vielleicht gibt es ja für das was du möchtest, auch eine Lösung mir nur einer oder ganz ohne Tabelle!

    Gruß Gernot

    1. ok die Seite ist noch nicht im Netz,

      aber ich kann die hier mal ein Teil des Quellcodes zeigen damit du weißt wovon ich rede:

        
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
      "http://www.w3.org/TR/html4/strict.dtd">  
      <html>  
      <head>  
      <link rel="stylesheet" type="text/css" href="styles/scripts/css.css">  
      <title>Crazy or Not - Copkillers Site</title>  
      </head>  
      <body>  
      <div align="center">  
      <img src="styles/theme/banner.gif">  
      </div>  
      <br><br>  
      <div align="left">  
      <table >  
       <tr>  
        <td>  
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
        
        
        </td>  
        <td>  
        
        <td >  
        
        
      <ul id="Navigation" style="background-image:url(styles/theme/navi.gif); width:110px; background-repeat:no-repeat;">  
      <br>  
      <li><a href="index.php">Home</a></li>  
      <li><a href="multimedia.php">Multimedia</a></li>  
      <li><a href="freak.php">Freak</a></li>  
      <li><a href="news.php">News</a></li>  
      <li><a href="chat.php">Chat</a></li>  
      <li><a href="forum.php">Forum</a></li>  
      <li><a href="gbook.php">GBook</a></li>  
        
      </ul>  
      </td>  
        
      <td width="650px" height="450px" style="background-image:url(styles/theme/gbook2.gif);color:#c0c0c0; background-repeat:no-repeat;width:100%;height:100%">  
      <iframe src="eintraege.php" name="entraege" width="650px" height="430px"></iframe><br>  
        
      </td>  
        
      </tr>  
        
      </table>  
      </div>  
      </body>  
      </html>  
      
      

      Und statt dem Inframe möchte ich die Einträge halt in tabellen ausgeben. Erst habe ich es mit einem Blätterscript versucht. Aber ich habe nach mehrern Versuchen es nicht hinbekommen. Das wäre eigentlich noch die optimale Lösung. Nur leider habe ich noch nicht genug Wissen dazu sowas zuprogrammieren.

      1. Hallo Jochen,

        ich habe fast das Gefühl, dieses tabellenlose Layout kommt dem deinen schon sehr nahe, kann das sein? Mit so ein, zwei Ergänzungen vielleicht ...

          
          div#Inhalt {  
            margin: 0 0 1em 220px;  
            padding: 0 1em;  
            overflow:auto; //bitte hinzufügen, damit es scrollt  
            // und eine bestimmte Höhe height: vielleicht prozentual bezogen auf das Elternelement,  
            // aber dann müssen auch das und all dessen Vorfahrenselemente  
            // inklusive body und html  
            //höhenmmäßig deiniert werden.  
          }  
          * html div#Inhalt {  
            height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */  
            margin-bottom: 0;  
            overflow:auto; //bitte hinzufügen, damit es scrollt  
            // und eine bestimmte Höhe height: vielleicht prozentual bezogen auf das Elternelement,  
            // aber dann müssen auch das und all dessen Vorfahrenselemente  
            // inklusive body und html höhenmmäßig deiniert werden  
          }  
        
        

        Gruß Gernot

        1. Hi,

          overflow:auto; //bitte hinzufügen, damit es scrollt
              // und eine bestimmte Höhe height: vielleicht prozentual bezogen auf das Elternelement,

          Dir ist der Unterschied zwischen einzeiligen Javascript-Kommentaren und CSS-Kommentaren klar?  
            
          freundliche Grüße  
          Ingo
          
          -- 
          [[barrierefreie Webseitenerstellung](http://www.1ngo.de/web/) » [Suchmaschinenoptimierung](http://www.1ngo.de/web/seo.html) | [em?](http://www.1ngo.de/web/em.html)] ([Hommingberger Gepardenforelle](http://www.1ngo.de/hommingberger-gepardenforelle/);-)
          
          1. Hallo Ingo,

            overflow:auto;

            /* bitte hinzufügen, damit es scrollt

            und eine bestimmte Höhe height: vielleicht prozentual bezogen auf das Elternelement,

            */

            
            > Dir ist der Unterschied zwischen einzeiligen Javascript-Kommentaren und CSS-Kommentaren klar?  
              
            Diese Code-Blöcke sind so virtuell, in der Realität merke ich's sofort, wenn es nicht funktioniert!  
              
            Gruß Gernot
            
            1. Hallo,

              also ich werde es sofort in meiner Webseite verarbeiten. Und wenn ich nochmal Probleme habe melde ich mich bei euch.

              Danke euch beiden

              :-)

              Gruß

              Jochen

  2. 'n abend allerseits,

    Ich hab eine Frage zu deiner Frage ;-)

    Da du bisher iframes benutzt, nehme ich an, dass du nur den Inhalt der äußeren Tabelle scrollen willst und nicht die gesamte Seite?

    denn ansonsten wäre die Lösung ja denkbar simpel:
    Der äußeren Tabelle eine Größe geben (width="xx") und die nächste Tabelle einfach eine neue Zeile/Spalte der äußeren Tabelle einfügen. Wie schon gesagt- simpel.

    mfg Julian