Tipps, Tricks & Tutorials
Alternative zu Iframes

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.

Autor: Fritz Jergitsch

13.255 Views