sabine konrad: scrollbar einfärben

Hallo,

weiss jemand, wie ich den scrollbar rechts im browser farbig gestalten kann??

vielen dank, sabine

  1. Mit CSS

    Schau mal in der CSS referenze von Selfhtml nach. Funzt aber nicht mit allen Browsern

    Gruss
    Raffi

    1. Hallo Raffi,

      Schau mal in der CSS referenze von Selfhtml nach. Funzt aber nicht mit allen Browsern

      "nicht in allen" ist gut... die einzigen die das könne sind der IE5-6 (der 6er allerdings nur ohne doctype) und soweit ich weiß konnte/kann es Konqurer. Zumal es kein css nach dem w3c ist.

      Grüße aus Nürnberg
      Tobias

      1. Hi Tobias,

        der 6er allerdings nur ohne doctype

        Was heisst das? Ich hab meinen doctype immer eingebunden, und die färbung findet trotzdem immer statt.

        Zumal es kein css nach dem w3c ist.

        Ist das in dem Fall relewandt? Es ist ja keine verlätzung der Regeln, sondern nur eine Ergänzung.

        Grüße aus Düsseldorf,

        Aleksej

        1. Hallo!

          der 6er allerdings nur ohne doctype
          Was heisst das? Ich hab meinen doctype immer eingebunden, und die
          färbung findet trotzdem immer statt.

          Bei korrekten Doctypes mit Angabe der DTD-Adresse schalten verschiedene
          Browser, unter anderem der Internet Explorer 6, in einen standardgerech-
          ten* Modus, der solche Spielereien unmöglich macht.

          * Diese etwas eigenartige Übersetzung ist nicht meine Idee, sondern die
          der Mozilla-Übersetzer.

          Zumal es kein css nach dem w3c ist.
          Ist das in dem Fall relewandt?

          Nein, aber relevant :-)

          Es ist ja keine verlätzung der Regeln, sondern nur eine Ergänzung.

          Das ist aber eine sehr kreative Auslegung von Standards. Der Validator
          beanstandet es jedenfalls.

          emu
          [...]

          1. Hallo,

            Bei korrekten Doctypes mit Angabe der DTD-Adresse schalten verschiedene
            Browser, unter anderem der Internet Explorer 6, in einen standardgerech-
            ten* Modus, der solche Spielereien unmöglich macht.

            Setzt man die Scrollbar-Farben auch fuer das Element html an, werden diese im IE6 auch im "standards-compliant mode" wieder sichtbar:

            html,body
            {
              scrollbar-...-color: #ABC;
            }

            "standards-compliant" ist das natuerlich nicht.

            MfG, Thomas

            1. Hallo Thomas,

              "standards-compliant" ist das natuerlich nicht.

              stimmt, es ist Microsoft.

              *SCNR*

              Viele Grüße,
              Stefan

              --
              http://www.favicon.de/ - (fast) alle Infos zum Thema favicon.ico
              http://www.sidebar.de/ - Sidebars von A-Z für Mozilla & Netscape
          2. Hi,

            Bei korrekten Doctypes mit Angabe der DTD-Adresse schalten verschiedene
            Browser, unter anderem der Internet Explorer 6, in einen standardgerech-
            ten* Modus, der solche Spielereien unmöglich macht.

            Korrekt, die Scrollbars werden im IE aber trotz strict.dtd gefärbt, zumindest bei textarea und div.
            Sind angaben wie -moz-opacity oder -moz-border-radius eigenlich gerechtes CSS??

            gerechtes CSS oder nicht, ich schreibe alles valide, weil es dann (fast) keine dartstellungsunterschiede zwischen den Browsern gibt. wieso sollte man nicht die _zusätzlichen_ optionen, die die verschidenen Browser anbieten nutzen, wenn es in keinerweise die gleiche darstellung in anderen gefärdet?

            Grüße aus Düsseldorf,

            Aleksej

            1. Hi Aleksej,

              Sind angaben wie -moz-opacity oder -moz-border-radius eigenlich gerechtes CSS??

              *Noch* nicht, sie sind ein Vorgriff auf CSS3.

              gerechtes CSS oder nicht, ich schreibe alles valide, weil es dann (fast) keine dartstellungsunterschiede zwischen den Browsern gibt.

              Wenn's nur so wäre...

              wieso sollte man nicht die _zusätzlichen_ optionen, die die verschidenen Browser anbieten nutzen, wenn es in keinerweise die gleiche darstellung in anderen gefärdet?

              So kann man durchaus argumentieren. Wenn du zu den Validator-Fetischisten gehörst, binde die Scrollbar-Definitionen per Conditional Comments ein, dann meckert er nicht.

              LG Roland

              1. Hallo,

                *Noch* nicht, sie sind ein Vorgriff auf CSS3.

                Hab ich mir auch durch's -moz vor allen teilen gedacht - oder wird w3c sie auch so benennen? Wenn ich, verstehe ich nicht wieso keiner die filet von ie mag, aber die von Mozilla.

                Wenn's nur so wäre...

                Wo ich transistional geschrieben hab, musste ich jedes 20te elemnt mit js auf den rechten platz schieben, mit strict mache ich in allen 50 dokumenten der seite nur 5-6 mal.

                Wenn du zu den Validator-Fetischisten gehörst,

                Ich möchte die seite scon korrekt validiert haben, aber so wichtig ist es auch nicht, wenn da was kommt, wo ich denke, ich bin im "recht".

                binde die Scrollbar-Definitionen per Conditional Comments ein, dann meckert er nicht.

                Ich habe eine js, eine css und zwei php datein, die ich in jedes dokument einbinde. die con-comments sind aber nur für einbindung von html-code, in der css-datei funktinieren sie nicht, der ie erkennt es selbst als kommentar oder wahrscheinlich fehler. Ich könnte zwar durch die php datei überall noch die css-defenition einfügen, aber ich bleib lieber, wenn nichts dagegen spricht, bei dem jetzigen einbinden der zusätzlichen css dateien je nach browser mit js(document.write).

                Grüße aus Düsseldorf,

                Aleksej

                1. Hallo Aleksej,

                  *Noch* nicht, sie sind ein Vorgriff auf CSS3.
                  Hab ich mir auch durch's -moz vor allen teilen gedacht - oder wird w3c sie auch so benennen? Wenn ich, verstehe ich nicht wieso keiner die filet von ie mag, aber die von Mozilla.

                  -moz-border-radius wird zu border-radius: http://www.w3.org/TR/2002/WD-css3-border-20021107/#the-border-radius
                  -moz-opacity wird zu opacity: http://www.w3.org/TR/css3-color/#transparency
                  etc.

                  Warum Mozilla die richtigen Namen nicht kennt, sondern -moz- verwendet, ist mir allerdings schleierhaft.

                  Grüße,

                  Christian

                  --
                  Ich wünsche allen frohe Weihnachten!
                  Ich bitte darum, dass ein Themenbereich (BARRIEREFREIHEIT) eingerichtet wird.
  2. weiss jemand, wie ich den scrollbar rechts im browser farbig gestalten kann??

    http://selfhtml.teamone.de/css/eigenschaften/anzeigefenster.htm#scrollbar

    gruß
    gerhard

  3. Hallo,

    weiss jemand, wie ich den scrollbar rechts im browser farbig gestalten kann??

    vielen dank, sabine

    Hi Sabine,

    du solltest mal folgenen Quelltext in den HEAD einfügen und die Farbwerte verändern:

    <STYLE><!--BODY{
    scrollbar-DarkShadow-Color:#1F1E1E;
    scrollbar-Track-Color:#1F1E1E;
    scrollbar-Face-Color:#1F1E1E;
    scrollbar-Shadow-Color:#1F1E1E;
    scrollbar-Highlight-Color:#1F1E1E;
    scrollbar-3dLight-Color:#1F1E1E;
    scrollbar-Arrow-Color:#1F1E1E
    }--></STYLE>

    Viel Spaß beim programmieren wünscht

    David

    1. Hallo!

      <STYLE>

      Falsch. Das Attribut »type« ist obilgatorisch.
      http://www.w3.org/TR/html4/present/styles.html#h-14.2.3

      Viel Spaß beim programmieren wünscht

      Man programmiert weder HTML noch CSS.

      emu
      [...]

    2. Hallo ihr da draußen,

      scrollbar-DarkShadow-Color:#1F1E1E;
      scrollbar-Track-Color:#1F1E1E;
      scrollbar-Face-Color:#1F1E1E;
      scrollbar-Shadow-Color:#1F1E1E;
      scrollbar-Highlight-Color:#1F1E1E;
      scrollbar-3dLight-Color:#1F1E1E;
      scrollbar-Arrow-Color:#1F1E1E

      Die scrollbar-Elemente sind nach dem W3C-Validator nicht zugelassen.

      Grüße von hier drinnen, aus Biberach an der Riss (http://www.stadt-biberach.de),
      Dogfish

      --
      Let's close our eyes and see what happens
      (http://dogfish.net.tc / http://dogfishus.net.tc)
      1. Hi Dogfish,

        Die scrollbar-Elemente sind nach dem W3C-Validator nicht zugelassen.

        dass sie nicht zum Standard gehören, weiß Sabine bereits seit gestern, siehe [pref:t=33164&m=180363] ff. und *den* W3C-Validator gibt es nicht...

        LG von draußen
        Roland (jaja, heute kleinlich)