Scrollbalken formatieren

[hafigg]

Hi, kann mir jemand eventuell helfen
Ich möchte die folgenden Anweisungen in ein bestehendes CSS-Gerüst integrieren - ha´s auch schon mehrfach versucht - haut aber nicht hin

<style type="text/css">
<!--
BODY {
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:FFFFC7;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-track-color:C00000;
}
-->
</style>
(soll in das untenstehende Gerüst eingebaut werden)

<style type="text/css"><!--
body {color: #FFFFFF; background-color: #C00000; font-family: Tahoma; font-size: 17px; }
td, th, ul, li, input, textarea {color: #000000; font-family: Tahoma; font-size: 17px; }
a {color: #FFFFFF; text-decoration: none; }
a:hover {color: #FFFFFF; text-decoration: underline; }
p {margin: 1em 0 1em 0; }
p.small {font-size: 80%; color: #FFFFFF; }
h1 {font-size: 24px; font-weight: bold; margin-bottom: 1em; }
h2 {font-size: 15px; font-weight: bold; margin-bottom: 1em; }
h3 {font-size: 12px; font-weight: bold; margin-bottom: 1em; }
hr {height: 1px; border: none; color: #FFFFFF; background-color: #FFFFFF; }
img {border: solid 1px #FFFFFF;}
table {border: none; border-spacing: 2px;}
td {color: #F0F0F0; background-color: #C00000; padding: 6px; text-align: center; vertical-align: middle;
border: solid 0px; border-color: #FFFFFF #222222 #222222 #F0F0F0;}
--></style>
Habe die Daten auch schon in den Body-Teil geschrieben - erfolglos
Was mache ich falsch ?
Freue mich über jede Antwort !

[Azra]

also steht im Selektor "body" das:

Code: Alles auswählen

body {scrollbar-face-color:FFFFFF;scrollbar-highlight-color:FFFFC7;scrollbar-3dlight-color:#FFFFFF;scrollbar-darkshadow-color:#000000;scrollbar-shadow-color:#000000;scrollbar-arrow-color:#000000;scrollbar-track-color:C00000;color: #FFFFFF; background-color: #C00000; font-family: Tahoma; font-size: 17px; }


[hafigg]

Hallo Azra und Danke erstmal - hatte es ähnlich probiert, nur hatte ich die Formatanweisungen für den Scroll hinten angehängt.
Funktioniert aber auch leider mit Deinem Vorschlag nicht. Scrollbalken bleibt grau.Wenn ich das nachstehende CSS alleine benutze, klappt´s seltsamer-weise.
<style type="text/css">
<!--
BODY {
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:FFFFC7;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-track-color:C00000;
}
-->
</style>

[Azra]

Also das was du da versuchst ist so veraltet dass es nicht mehr ganz so gut funktionieren kann.
Dazu kommt, dass das Einfärben nur im Internet Explorer funktioniert und somit total überflüssig geworden ist da der Firefox oder Safari und Opera beliebter geworden sind.

Um heutzutage ( IE Version 8 ) einzufärben ist ein Filter notwendig:
http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/scrollbarColor.htm

Viel Spaß