CSS – IFRAME 2

CSS – IFRAME – Beispiel 2:

Wir möchten nun den Abstand vom Text zum Scrollbalken im IFRAME kontrolieren. Wir erweitern Unser externes CSS (aus Beispiel1) in diesem Fall um 1. Klasse.

#iframe_1 {
text-align: justify;
width: 200px;
height: 200px;
background: #CCCCCC;
}

.scrollbereich {
overflow: auto;
width: 180px;
height: 180px;
}

.scrollbarabstand {
padding-right: 20px;
}

Entsprechend erweitern wir unseren HTML CODE wie folgt:

<div id="iframe_1">
<div class="abstand_iframe">
<div class="scrollbereich">

<div class="scrollbarabstand">
Hier der Beispiel Text, dieser sollte von den Zeilen her Länge sein als die der Iframe (in unserem Fall 200 Pixel) vorher definiert wurde, damit wir den scrollbalken erkennen können.
</div>
</div>

</div>
</div>

Weitere Links zu diesem Thema:

IFRAME Teil 1

Hinterlasse eine Antwort

Users on page
Now online: 0
Overall: 3450654