Menu Content/Inhalt
Startseite arrow Webentwicklung arrow HTML-Tabelle mit scrollbarer Zelle
HTML-Tabelle mit scrollbarer Zelle Drucken E-Mail

Realisierung mit iframe. Es existiert eine weitere HTML-Datei (scrollText.htm), deren Inhalt in der scrollbaren Zelle dargestellt wird.

So siehts aus:

Tabelle mit scrollbarer Zelle
Diese Spalte hat eine Breite von 200 px. Diese Spalte hat eine Breite von 200 px.
Diese Spalte hat eine Breite von 200 px.
Wenn man will, dass der iFrame die Tabellenzelle vollständig ausfüllt, sollte man darauf achten, dass man die im iFrame definierte Höhe groß genug angibt, dass der iFrame das höchste Element in seiner Zeile ist.

Hier der Code: 


<table width="400" border="1">
  <tr>
    <th colspan="2" scope="col">Tabelle mit scrollbarer Zelle</th>

  </tr>
  <tr>
    <td>Diese Spalte hat eine Breite von 200 px.</td>
    <td>Diese Spalte hat eine Breite von 200 px.</td>
  </tr>

  <tr>
    <td width="200">Diese Spalte hat eine Breite von 200 px.</td>
    <td width="200">
      <iframe width="100%" height="60" src="scrollText.htm">

        Dieser Text wird angezeigt, falls der Browser keine iFrames darstellen kann.
      </iframe>
    </td>
  </tr>
  <tr>
    <td colspan="2">bla bla bla.</td>

  </tr>
</table>
 
[ Zurück ]