| 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. (rot eingefärbt)
#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>
Das Ergebnis:
|
