| Um den Scrollbalken
des IFrame farblich anzupassen (dies
funktioniert nur im IE!!!!) ergänzen/verändern
wir unsere externe CSS - Datei (aus Beispiel 2) wie
folgt:
#iframe_2
{
scrollbar-arrow-color: #000066;
/* dunkelblau*/
scrollbar-face-color: #FFFFFF;
/* weiss*/
scrollbar-highlight-color: #5AE100;
/* grün*/
scrollbar-3dlight-color: #FF9900;
/* orange*/
scrollbar-shadow-color: #FF0000;
/* rot*/
scrollbar-darkshadow-color: #000000;
/* schwarz*/
scrollbar-track-color: #cedcff;
/* hellblau*/
text-align: justify;
width: 200px;
height: 200px;
background: #CCCCCC;
.abstand_iframe{
padding: 10px;
}
.scrollbereich {
overflow: auto;
width: 180px;
height: 180px;
}
.scrollbarabstand{
padding-right: 20px;
}
Entsprechend
erweitern wir unseren HTML CODE wie
folgt:
<div id="iframe_2">
<div class="abstand_iframe">
<div class="scrollbereich">
<div class="scrollbarabstand">
Hier der Beispiel - Text, dieser sollte von den Zeilen
her länger sein als das Iframe selbst (in unserem
Fall 200 Pixel), damit wir den Scrollbalken erkennen
können.
Haben wir zu wenig Text eingegeben, verschwindet unser
im IE eingefärbter Scrollbalken und wir sehen unseren
Text auf einem grauen Hintergrund.
</div>
</div>
</div>
</div>
Das Ergebnis:
|
