Alternative zu Iframes

Wer ein separat scrollbares Kästchen auf seine Homepage setzen möchte, ohne auf Iframes zurückgreifen zu müssen, dem bietet CSS eine suchmaschinenfreundliche und saubere Alternative:

Als erstes eine neue DIV-ID erstellen (entweder im Header oder in einem externen Stylesheet):

<style type="text/css">
#text {
position: relative;
height: 300px;
width: 300px;
overflow: auto;
}
</style>

Und im body-Bereich des HTML-Dokuments folgendes einfügen:

<div id="text">
<p>Gewünschter Text</p>
</div>

Wird der Text länger (in diesem Beispiel: 300 x 300 Pixel), bewirkt "overflow: auto;", dass im Kästchen automatisch ein Scrollbar zu sehen ist.

Ein Tipp von: Fritz Jergitsch, bearbeitet und aktualisiert von: Designer in Action

Kommentieren

Ich akzeptiere die Datenschutzerklärung.