Anzeige

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


Status
Nicht offen für weitere Antworten.

Andreas Gaisbauer

Erfahrenes Mitglied
#1
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.
Anzeige

Neue Beiträge

Anzeige