[HTML / CSS] Wie kann ich einen Scrollbaren Bereich in einer Tabelle realisieren?

[Andreas Gaisbauer]

Wie kann ich einen Scrollbaren Bereich in einer Tabelle realisieren?

Dafür gibt es wieder 3 Möglichkeiten...

1) man erstellt in der Tabellen Zelle einen IFrame in dem man den Inhalt lädt.

<table>
  <tr>
    <td>Inhalt</td>
    <td><iframe name="frame1" height="200" width="200" src="http://www.tutorials.de"></iframe></td>
    <td>Inhalt</td>
 </tr>
</table>

2) CSS Ansatz:
Mit CSS ist es möglich via Overflow:scroll einen Scrollbaren Bereich zu realisieren:

<table>
  <tr>
    <td>Inhalt</td>
    <td style="width: 200px; height: 200px;">
      <div style="width: 100%; height: 100%; overflow : auto;"><p>Inhalt</p>
      </div>
    </td>
    <td>Inhalt</td>
  </tr>
</table>

3) Object Methode:

<table>
  <tr>
    <td>Inhalt</td>
    <td style="width: 200px; height: 200px;">
      <object data="http://www.tutorials.de" type="text/html" style="width:200px; height:200px;">
      </object>
    </td>
    <td>Inhalt</td>
  </tr>
</table>

Für mehr Informationen zum "Object"-tag bitte "Welche Alternativen gibt es zum Iframe?" beachten.