CSS – IFRAME 3

CSS – IFRAME – Scrollbalken farbig – Beispiel 3:

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>
<div>

<div>
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>

Hinterlasse eine Antwort

Users on page
Now online: 2
Overall: 3131137