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>
