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

Status
Nicht offen für weitere Antworten.

Andreas Gaisbauer

Erfahrenes Mitglied
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.
PHP:
<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:
PHP:
<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:
PHP:
<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.
 

Anhänge

  • scrolltable.zip
    491 Bytes · Aufrufe: 288
Status
Nicht offen für weitere Antworten.

Neue Beiträge