Wuppi: Farbige Scrollbars - Ie5.0 macht garkeine mehr

Hi

hab im Forumsarchiv folgendes gefunden:

"»» Sollte man jetzt keine Färbungen mehr benutzen??

<meiner meinung nach>
klar kann man die färbungen benutzen. in diesem fall tut das nicht valide css ja keinem weh. ich hab noch nie gehört, dass ein browser etwas falsch dargestellt hat, weil er die scrollbar-färbungen nicht verstand. bei css ist es ja meistens/im_idealfall so:"

Ich hab bei mir auf der Page die Scrollbalkenverfärbung von www.yubb.de (dieser generator *G*) genutz ... IE6 stellts auch dar, aber der IE5.0 den ich hier nutze, entfernt die Bars gleich komplett ... "scrollen" nur noch markieren und runterziehen möglich. Ist das normal oder ist da nen fehler beim CSS?! Dem Satz aus dem Archiv zu folgen, sollte es eigentlich keine probleme geben ...

Bis dann
Wuppi

PS: ich weiß das des ein IE-Spezifisches "Feature" ist - und mir ist auch bewußt das andere Browser hier das normale Bar anzeigen. Wer den IE nutzt, hat was optisches von meiner einstellung, wer ihn nicht nutzt verpasst auch net - reine spielerrei die nix kostet! Also bitte keine belehrung diesbzgl.!

  1. Hi,

    [..] IE6 stellts auch dar, aber der IE5.0 den ich hier nutze, entfernt die Bars gleich komplett ... "scrollen" nur noch markieren und runterziehen möglich. Ist das normal oder ist da nen fehler beim CSS?!

    keine Ahnung, meine Glaskugel ist in der Reinigung... Magst du nicht etwas Code herausrücken? ;)

    LG Orlando

    1. Hi,

      [..] IE6 stellts auch dar, aber der IE5.0 den ich hier nutze, entfernt die Bars gleich komplett ... "scrollen" nur noch markieren und runterziehen möglich. Ist das normal oder ist da nen fehler beim CSS?!

      keine Ahnung, meine Glaskugel ist in der Reinigung... Magst du nicht etwas Code herausrücken? ;)

      LG Orlando

      Hi ;)

      also in der .css siehts u.a. so aus:

      body {
      position : absolute;
      margin-top : 0;
      margin-bottom : 0;
      margin-left : 0;
      margin-right : 0;
      font-family : "comic sans ms";
      font-size : 10pt;
      color : #ffffff;
      height : 100%;
      background-color : #000099;
      overflow-x: hidden;
      scrollbar-DarkShadow-Color:#000080;
      scrollbar-Track-Color:#000080;
      scrollbar-Face-Color:#0000C0;
      scrollbar-Shadow-Color:#000080;
      scrollbar-Highlight-Color:#000080;
      scrollbar-3dLight-Color:#000080;
      scrollbar-Arrow-Color:#000000;
      }

      mhhh overflow-x: hidden; ? axo ... das entfernt ja den waagerechten Scroller ... meine seite arbeitet mit 90% breite (nach 100px von links nen layer mit 90% - auf 800x600 passts auch) - nach rechts/links sollte daher nix scrollen können - die Seite ist aber noch net öffentlich und wenn se das ist, wird das mal komplettgescheckt.

      Ich war vorgestern mit IE5.0 testweise auf der Seite (hab nur auf Arbeit 5.0) und da lief es eigentlich - die scrollbars hab ich erst seit heute morgen drin ... das overflow-x seit vorgestern abend.

      Also liegt es entweder an den Scrollbars oder an dem overflow .. aber das overflow ist auf x gesetzt - aber y fehlt ja ... mhhh

      Die farbigen scrollies würd ich ja gerne drin lassen, und den horizontalen scrollie gerne weghaben (der findet immer was zu scrollen, auch wenn da nix inhalt mehr ist ...)

      Ne idee wo der fehler bei dem CSS sein könnte?

      Bis dann
      Wuppi

      1. Hi,

        position : absolute;

        wozu das?

        margin-top : 0;
        margin-bottom : 0;
        margin-left : 0;
        margin-right : 0;

        diese vier Zeilen kannst du zu "margin:0;" zusammenfassen.

        font-family : "comic sans ms";

        Hier fehlt eine generische Schriftart, diese M$-Schriftarten hat längst nicht jedes System installiert:

        font-family:"comic sans ms",sans-serif;

        font-size : 10pt;

        Damit lässt sich die Schriftgröße im M$IE nicht ändern, besser, du nimmst für die Größe zB "1em".

        color : #ffffff;

        Kann man als #fff abkürzen.

        height : 100%;

        Wozu das denn?

        overflow-x: hidden;

        Das kannst du nicht voraussetzen, da zB bei 800x600px aufgrund der Bedienungselemente (diverse Leisten...) viel weniger Platz im Fenster ist und du damit Teile der Seite versteckst.

        background-color : #000099;
        scrollbar-DarkShadow-Color:#000080;
        scrollbar-Track-Color:#000080;
        scrollbar-Face-Color:#0000C0;
        scrollbar-Shadow-Color:#000080;
        scrollbar-Highlight-Color:#000080;
        scrollbar-3dLight-Color:#000080;
        scrollbar-Arrow-Color:#000000;

        Tja, da hat Johann recht, das kann der M$IE erst ab Version 5.5.

        [...] meine seite arbeitet mit 90% breite (nach 100px von links nen layer mit 90% - auf 800x600 passts auch)

        Wie sieht's auf einem PDA aus?

        • nach rechts/links sollte daher nix scrollen können

        Verzichte besser auf eine fixe Breite. Wenn du einen Bereich 100px breit haben willst, verpasse dem anderen bei absoluter Positionierung einen Außenabstand von 105px und alles wird gut.

        Die farbigen scrollies würd ich ja gerne drin lassen, und den horizontalen scrollie gerne weghaben (der findet immer was zu scrollen, auch wenn da nix inhalt mehr ist ...)

        Nein, der Scrollbalken erscheint nur, wenn der Platz im Fenster zu klein ist. War das das das ganze Stylesheet? Wenn du die Adresse verrätst, kann man das bestimmt recht leicht abstellen.

        LG Orlando

        1. Hi,

          position : absolute;

          wozu das?

          überbleibsel meines tabellenlayouts - ist noch net ganz vom unnötigen gecleard (am quellcode feinschliff bin ich noch net; werds aber wenn ich @home bin nachprüfen!)

          margin-top : 0;
          margin-bottom : 0;
          margin-left : 0;
          margin-right : 0;

          diese vier Zeilen kannst du zu "margin:0;" zusammenfassen.

          Ah ;) Thx

          font-family : "comic sans ms";

          Hier fehlt eine generische Schriftart, diese M$-Schriftarten hat längst nicht jedes System installiert:

          font-family:"comic sans ms",sans-serif;

          Recht haste ja ... nur wenn die schrift nicht vorhanden ist, wird halt die standardschrift angezeigt oder? ... naja pack des andere dazu - kost ja nix ;)

          font-size : 10pt;

          Damit lässt sich die Schriftgröße im M$IE nicht ändern, besser, du nimmst für die Größe zB "1em".

          Mhhh ... doch geht! Das gleiche Problem was du hier ansprichst gibt es auch bei dem phpBB2-Forum. Es muß im Explorer ne option ausgeschaltet werden - weiß gerade nur net welche - der ie5.0 hat des net ;) ... muß ich zuhause gucken.
          Ist 1em den mit 10pt vergleichbar? ... Die schriftgröße so in "normal" ist eigentlich gut zu lesen usw. ...

          color : #ffffff;
          Kann man als #fff abkürzen.

          Thx ;) nochmal paar bytes gespart  ;)

          height : 100%;

          Wozu das denn?

          siehe position ;) ... überbleibsel ... ich arbeite immer mit dem gleichen css  - ändere es nur spezifische - wird gekillt.

          overflow-x: hidden;

          Das kannst du nicht voraussetzen, da zB bei 800x600px aufgrund der Bedienungselemente (diverse Leisten...) viel weniger Platz im Fenster ist und du damit Teile der Seite versteckst.

          mhhh ok ich hab nur bei vollbild getestet. Aber eigentlich hab ich die widht auf 90% gesetzt. Wenns bild kleiner wird, wirds angepasst?

          background-color : #000099;
          scrollbar-DarkShadow-Color:#000080;
          scrollbar-Track-Color:#000080;
          scrollbar-Face-Color:#0000C0;
          scrollbar-Shadow-Color:#000080;
          scrollbar-Highlight-Color:#000080;
          scrollbar-3dLight-Color:#000080;
          scrollbar-Arrow-Color:#000000;

          Tja, da hat Johann recht, das kann der M$IE erst ab Version 5.5.

          Jo - ist ja auch net schlimm, nur die Frage ist warum bei 5.0 überhaupt kein scrollbalken mehr ist!?

          [...] meine seite arbeitet mit 90% breite (nach 100px von links nen layer mit 90% - auf 800x600 passts auch)

          Wie sieht's auf einem PDA aus?

          Tja ... der hat einfach pech! Irgendwo muß mit dem optimieren schluß sein - weniger als 800x600 ist net drin - hab da u.a. ein größes pic drin  -von der breite - da brauchts schon min. 800pix breite.

          • nach rechts/links sollte daher nix scrollen können

          Verzichte besser auf eine fixe Breite. Wenn du einen Bereich 100px breit haben willst, verpasse dem anderen bei absoluter Positionierung einen Außenabstand von 105px und alles wird gut.

          Hier hab ich noch nen problem ...
          Kurzbeschreibung der Page: Menulayer (sind 3 aber egal), contentlayer, logolayer ...
          logo und content sind je uff 115px vom linken rand entfernt. Ich wollte eigentlich das die breite bis 10px vom rechten geht (die menus haben auch 10px von linken). Aber das will irgendwie net so ... daher hab ich das mit 90% breite gemacht - so hab ich immer nen kleinen rechten rand - sieht nen bissel besser aus ...
          PS: layer sind noch recht neu für mich ..... ich experimentiere da noch viel mit rum - nach dem Opera-Tabellendebeckel (hier zu lesen) hatte ich die s**** voll von Tabellendesign und mach des lieber so ... vorallem wird das bisher in allen getesteten browsern (ie5,6,opera6.04 ohne jegliche probleme angezeigt!)

          Die farbigen scrollies würd ich ja gerne drin lassen, und den horizontalen scrollie gerne weghaben (der findet immer was zu scrollen, auch wenn da nix inhalt mehr ist ...)

          Nein, der Scrollbalken erscheint nur, wenn der Platz im Fenster zu klein ist. War das das das ganze Stylesheet? Wenn du die Adresse verrätst, kann man das bestimmt recht leicht abstellen.

          Ja eigentlich schon - aber bei mir ist immer nen bissel zu scrollen - ich weiß net warum - irgendwas schießt aus dem bildschirm raus :( sind nur paar pixel ... das layer wird aber voll angezeigt wie es soll ...

          Die Page exisitiert derzeit nur lokal bzw. aufm privaten http ... ich werde die heute abend (?) mal aktuallsiert hochladen  und poste die adresse dann hier (da des hier eh schon offtopic ist, werde ich neuen thread für die sonstigen probleme aufmachen ...)

          Vielleicht bekommen wir dann des breiten problem auch hin ;)

          Bis dann
          Wuppi

      2. Hallo

        also in der .css siehts u.a. so aus:

        margin-top : 0;
        margin-bottom : 0;
        margin-left : 0;
        margin-right : 0;

        Läßt sich zusammenfassen, außerdem: 0 was?, Eier? Streichhölzer?
        Den Rest laß ich mal weg, da hat Orlando schon was dazu gesagt.

        Ich war vorgestern mit IE5.0 testweise auf der Seite (hab nur auf Arbeit 5.0) und da lief es eigentlich - die scrollbars hab ich erst seit heute morgen drin ... das overflow-x seit vorgestern abend.

        Also liegt es entweder an den Scrollbars oder an dem overflow .. aber das overflow ist auf x gesetzt - aber y fehlt ja ... mhhh

        Na dann probier doch erstmal, ob die Scrollbars durch Löschen
        der einen oder anderen Angabe aus der CSS Datei wieder erscheinen.
        Vielleich löst sich dein Problem ja in Wohlgefallen auf.

        Tschö, Auge

        1. Hallo

          also in der .css siehts u.a. so aus:

          margin-top : 0;
          margin-bottom : 0;
          margin-left : 0;
          margin-right : 0;

          Läßt sich zusammenfassen, außerdem: 0 was?, Eier? Streichhölzer?

          Jetzt hat sich aber jemand vergaloppiert:
          0px = 0pt = 0cm = 0em = 0ex = 0
          Mathematik! ;-))

          Gruß

          Axel

        2. Hi

          also in der .css siehts u.a. so aus:

          margin-top : 0;
          margin-bottom : 0;
          margin-left : 0;
          margin-right : 0;

          Läßt sich zusammenfassen, außerdem: 0 was?, Eier? Streichhölzer?

          Bei 0 ist das (auch laut CSS-Standard egal).
          Eine Einheit muß nur bei von 0 verschiedenen Werten angegeben werden, bei 0 darf eine Einheit stehen, muß aber nicht.
          http://www.w3.org/TR/REC-CSS2/syndata.html#value-def-length
          0km sind genausolang wie 0mm...

          Andreas

        3. hi Auge,

          margin-top : 0;
          margin-bottom : 0;
          margin-left : 0;
          margin-right : 0;

          Läßt sich zusammenfassen, außerdem: 0 was?, Eier? Streichhölzer?

          darf man, denn: null bleibt null, egal ob fruitloops, ziegelsteine, sonnensysteme, %, px oder euro.
          ist (laut hörensagen, ich habs noch nie überprüft, ähm) valide.

          tschÖ
          *stefan

          1. hi Auge,

            margin-top : 0;
            margin-bottom : 0;
            margin-left : 0;
            margin-right : 0;

            Läßt sich zusammenfassen, außerdem: 0 was?, Eier? Streichhölzer?
            darf man, denn: null bleibt null, egal ob fruitloops, ziegelsteine, sonnensysteme, %, px oder euro.
            ist (laut hörensagen, ich habs noch nie überprüft, ähm) valide.

            tschÖ
            *stefan

            Jo durchn CSS-Validator gejagt - das einzig nicht valide ist halt der farbige Scrollbar

        4. Hallo

          Läßt sich zusammenfassen, außerdem: 0 was?, Eier? Streichhölzer?

          Nun, dann ziehen wir das Ganze zurück. hmm... Vielleicht unter den Teppich?

          Meine Vorschreiber haben natürlich recht: 0 = 0.
          Da braucht es keine Maßeinheiten.

          'Tschulligung, Auge

  2. Ich hab bei mir auf der Page die Scrollbalkenverfärbung von www.yubb.de (dieser generator *G*) genutz ... IE6 stellts auch dar, aber der IE5.0 den ich hier nutze, entfernt die Bars gleich komplett ... "scrollen" nur noch markieren und runterziehen möglich. Ist das normal oder ist da nen fehler beim CSS?! Dem Satz aus dem Archiv zu folgen, sollte es eigentlich keine probleme geben ...

    Der IE 5.0 kann noch keine farbigen Scrollbars darstellen.
    Warum er sie dann aber gleich ganz entfernt ist mir sowohl unerklärlich, als auch schnuppe. ;)

    mfg,
    Johann