[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

Status
Nicht offen für weitere Antworten.

Neue Beiträge