• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Scrollbar für frame oder div gestalten

cotardious

Neues Mitglied
Hallo erneut,

Ich würde gerne meine Scrollbar gestalten. Wie das mit CSS geht, habe ich herausgefunden, aber bei der Umsetzung haperts.

Code:
<style type="text/css">
body {
scrollbar-face-color: #000000;
scrollbar-shadow-color: #2D2C4D;
scrollbar-highlight-color:#7D7E94;
scrollbar-3dlight-color: #7D7E94;
scrollbar-darkshadow-color: #2D2C4D;
scrollbar-track-color: #7D7E94;
scrollbar-arrow-color: #C1C1D1;
}
</style>

Ich will nun aber nicht, dass sich die Scrollbar des komplette Browsers verändert, sondern dass sich nur innerhalb des einen Frames in dem ich arbeite das Aussehen der Scrollbar sich verändert.

Code:
<frameset rows="30,*" frameborder="0" framespacing="0">
    <frame noresize scrolling="no" name="lang" src="lang.html">
    <frameset cols="*,600,*" frameborder="0" framespacing="0">
        <frame noresize scrolling="no" name="b" src="side_l.html">
            <frameset rows="180,37,500,*" frameborder="0" framespacing="0">
                <frame noresize scrolling="no" name="top" src="top.html">
                <frame noresize scrolling="no" name="nav" src="nav.html">
                <frame noresize scrolling="auto" name="content" src="home.html">
                <frame noresize scrolling="no" name="d" src="blank.html">
            </frameset>
        <frameset rows="*,*,150" frameborder="0" framespacing="0">
            <frame noresize scrolling="no" name="e" src="side_r.html">
            <frame noresize scrolling="no" name="f" src="blank.html">
            <frame noresize scrolling="no" name="g" src="smallcont.html">
        </frameset>
    </frameset>
</frameset>

Wenn ich die scrollbar-codes einfach hinter den frame-code setze, klappt das leider nicht

Code:
<frameset rows="30,*" frameborder="0" framespacing="0">
    <frame noresize scrolling="no" name="lang" src="lang.html">
    <frameset cols="*,600,*" frameborder="0" framespacing="0">
        <frame noresize scrolling="no" name="b" src="side_l.html">
            <frameset rows="180,37,500,*" frameborder="0" framespacing="0">
                <frame noresize scrolling="no" name="top" src="top.html">
                <frame noresize scrolling="no" name="nav" src="nav.html">
                <frame
                   style="
scrollbar-face-color: #000000;
scrollbar-shadow-color: #2D2C4D;
scrollbar-highlight-color:#7D7E94;
scrollbar-3dlight-color: #7D7E94;
scrollbar-darkshadow-color: #2D2C4D;
scrollbar-track-color: #7D7E94;
scrollbar-arrow-color: #C1C1D1"
                   noresize scrolling="auto" name="content" src="home.html">
                <frame noresize scrolling="no" name="d" src="blank.html">
            </frameset>
        <frameset rows="*,*,150" frameborder="0" framespacing="0">
            <frame noresize scrolling="no" name="e" src="side_r.html">
            <frame noresize scrolling="no" name="f" src="blank.html">
            <frame noresize scrolling="no" name="g" src="smallcont.html">
        </frameset>
    </frameset>
</frameset>

Jemand eine Idee?
 
Zuletzt bearbeitet:
In CSS musst du immer im <head> - Bereich die CSS - Styles so beginnen:

HTML:
<style type="text/css">

und so wieder auf hören:
Code:
</style>


In deinem Fall also:
HTML:
<style type="text/css">
body {
scrollbar-face-color: #000000;
scrollbar-shadow-color: #2D2C4D;
scrollbar-highlight-color:#7D7E94;
scrollbar-3dlight-color: #7D7E94;
scrollbar-darkshadow-color: #2D2C4D;
scrollbar-track-color: #7D7E94;
scrollbar-arrow-color: #C1C1D1;
}
</style>

Das ganze auf der Frame Seite integrieren und dann sollte es klappen ;)
 
Hallo, danke für die Antwort.
Ich hab leider vergessen, zu schreiben, dass ich <style type="text/css"></style> im header verwendet habe.
Es funktioniert so leider immer noch nicht.
 
Die o.g. Eigenschaften werden nur von älteren Opera-Versionen und dem Internet Explorer interpretiert. Wenn Du einen anderen Browser hast wirst Du die Färbung nie sehen.
 
Die o.g. Eigenschaften werden nur von älteren Opera-Versionen und dem Internet Explorer interpretiert. Wenn Du einen anderen Browser hast wirst Du die Färbung nie sehen.
 
Zurück
Oben