Problem mit Farbe des Scrollbalken

Status
Nicht offen für weitere Antworten.
redlama

redlama

Erfahrenes Mitglied
Hallo!

Ich habe folgende Definition in meiner CSS Datei:

Code: 
body
{
  scrollbar-arrow-color: #348034;
  scrollbar-3dlight-color: #348034;
  scrollbar-highlight-color: #DEFCDE;
  scrollbar-face-color: #DEFCDE;
  scrollbar-shadow-color: #BCE3BC;
  scrollbar-track-color: #DEFCDE;
  scrollbar-darkshadow-color: #348034;
}

Kann mir jemand verraten, warum die Scrollbalken auf meiner Seite trotzdem im Standard "Browsergrau" angeziegt werden?

redlama
 
Hi,

es kommt auf den DocType an, den das Dokument verwendet. Wenn ich mich nicht täusche,
werden farbige Scrollbars nur im Quirksmode angezeigt. Dazu ist folgender DocType am
Anfang des Dokumentes notwendig.
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Mehr zu den verschiedenen Modi und DocTypes kannst Du hier nachlesen.

Ciao
Quaese
 
Ich habe aber
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
definiert.
Das heißt, dass es da nicht mehr geht?
Werden farbige Scrollbalken also nur bis HTML 4.01 unterstützt?
Oder wie? :confused:

redlama
 
Hässlich hin oder her, mich würde es einfach interessieren ob es mit XHTML 1.0 nicht mehr funktioniert und wenn nicht, warum?
(Außerdem mag mein Chef die farbigen Scrollbalken und würde die, wenn irgend möglich behalten wollen, ...)

redlama
 
Hab was gefunden, was mich nochmehr verwirrt.
Mit diesem Doctype geht es nicht:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
Mit diesem geht's aber:
Code: 
<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
:confused: ?WIESO? :confused:
Ehrlich, ich versteh's nicht.

Außerdem habe ich dann das Problem, dass unser Server
Code: 
<?xml version="1.0" encoding="utf-8"?>
für PHP Code hält und nur folgendes ausgibt:
Parse error: parse error in /home/www/web137/html/test.html on line 1
Zum Vergrößern anklicken....

Langsam aber sicher fange ich an zu verzweifeln, ... :(

redlama
 
Hi,

wenn die Scrollbars unverzichtbar sind, könntest Du den gesamten Inhalt in ein DIV packen
und dieses mit overflow scrollbar machen. Für BODY und HTML stellst Du das Scrollen
ab - diese Eigenschaft leistet das DIV.

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Bunte Scrollbars in XHTML</title>
<meta name="author" content="Quaese" />
<style type="text/css">
  <!--
body, html{ width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;}
.scrollDiv{ width: 100%;
            height: 100%;
            overflow: auto;
            scrollbar-arrow-color: #348034;
            scrollbar-3dlight-color: #348034;
            scrollbar-highlight-color: #DEFCDE;
            scrollbar-face-color: #DEFCDE;
            scrollbar-shadow-color: #BCE3BC;
            scrollbar-track-color: #DEFCDE;
            scrollbar-darkshadow-color: #348034;}
  -->
</style>
</head>
<body>
<div class="scrollDiv">
    <div style="height: 1000px; margin: 7px;">Inhalt - Höhe: 1000px</div>
</div>
</body>
</html>
Vielleicht hilft Dir das ja weiter.

Ciao
Quaese
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück