Farbige Scrollbalken

  • Farbige Scrollbalken

    Ich habe mir eine .css-Datei extern erstellt und diese im head-Bereich eingefügt:
    Sie heißt "mitte.css" und sieht folgendermaßen aus:

    Quellcode

    1. body,td,th {
    2. font-family: Arial, Helvetica, sans-serif;
    3. font-size: 11pt;
    4. color: #FFFFFF;
    5. }
    6. body {
    7. background-color: #008484;
    8. margin-left: 0px;
    9. margin-top: 0px;
    10. margin-right: 0px;
    11. margin-bottom: 0px;
    12. }
    13. a {
    14. font-family: Arial, Helvetica, sans-serif;
    15. font-size: 11pt;
    16. color: #FFFFFF;
    17. }
    18. a:link {
    19. text-decoration: none;
    20. }
    21. a:visited {
    22. text-decoration: none;
    23. color: #FFFFFF;
    24. }
    25. a:hover {
    26. text-decoration: underline;
    27. color: #FFFFFF;
    28. }
    29. a:active {
    30. text-decoration: none;
    31. color: #FFFFFF;
    32. }
    33. h1,h2,h3,h4,h5,h6 {
    34. font-family: Arial, Helvetica, sans-serif;
    35. font-weight: bold;
    36. font-size: 12pt;
    37. }
    38. h1 {
    39. font-size: 14pt;
    40. color: #FFFFFF;
    41. }
    Alles anzeigen


    Ich weiß, dass es nicht der Weisheit letzter Schluß ist, aber jeder fängt ja mal klein an. Jetzt habe ich diese Datei um die Eigenschaften für eine farbige scrollbar ( für IE) erweitert und aktualisiert:

    Quellcode

    1. body,td,th {
    2. font-family: Arial, Helvetica, sans-serif;
    3. font-size: 11pt;
    4. color: #FFFFFF;
    5. }
    6. body {
    7. background-color: #008484;
    8. margin-left: 0px;
    9. margin-top: 0px;
    10. margin-right: 0px;
    11. margin-bottom: 0px;
    12. }
    13. BODY {
    14. scrollbar-face-color: #008484;
    15. scrollbar-highlight-color: #005b5b;
    16. scrollbar-3dlight-color: #005b5b;
    17. scrollbar-darkshadow-color: #008484;
    18. scrollbar-shadow-color: #005b5b;
    19. scrollbar-arrow-color: #005b5b;
    20. scrollbar-track-color: #008484;
    21. }
    22. a {
    23. font-family: Arial, Helvetica, sans-serif;
    24. font-size: 11pt;
    25. color: #FFFFFF;
    26. }
    27. a:link {
    28. text-decoration: none;
    29. }
    30. a:visited {
    31. text-decoration: none;
    32. color: #FFFFFF;
    33. }
    34. a:hover {
    35. text-decoration: underline;
    36. color: #FFFFFF;
    37. }
    38. a:active {
    39. text-decoration: none;
    40. color: #FFFFFF;
    41. }
    42. h1,h2,h3,h4,h5,h6 {
    43. font-family: Arial, Helvetica, sans-serif;
    44. font-weight: bold;
    45. font-size: 12pt;
    46. }
    47. h1 {
    48. font-size: 14pt;
    49. color: #FFFFFF;
    50. }
    Alles anzeigen


    Danach bekomme ich folgende Fehlermeldung:
    "scrollbar-face-color... ist kein gültiger CSS-Eigenschaftsname und wird daher verworfen. Die Scrollbalken nehmen auch nicht die gewünschte Farbe an.

    Ich habe diese Scrollbarsachen mit einem Generator aus dem Internet gemacht.
    Wer kann Abhilfe schaffen??
    Anita

  • Also man kann sich ja die css-Stile ansehen. Obwohl im Code die ganze scrollbar-eigenschaft drin steht, steht rechts (DW 8) bei Eigenschaften für "Body" nichts drin. Wenn ich da noch etwas eintragen will, hat er die Bezeichnung "scrollbar-face-color" gar nicht zur Auswahl.

    Ich weiß, dass das nur im IE geht, aber das macht nichts. Ist im Code ein Fehler??

    Anita