Przewijanie i kolory

Dla specjalistów Webmastering
#1

hej, mam problem na moim blogu http://www.krycharozgrywa.mylog.pl/ sa 3 divy i powinny miec suwaki, problem w tym ze suwaki powinny miec okreslone kolory:

body {

     scrollbar-face-color:#e4d3ab;

       scrollbar-highlight-color:#000000;

       scrollbar-3dlight-color:#e4d3ab;

       scrollbar-darkshadow-color:#e4d3ab;

       scrollbar-shadow-color:#000000;

       scrollbar-arrow-color:#b78f24;

       scrollbar-track-color:#e4d3ab;

}

I maja ale tylko w ie… w operze sa to juz zwykle suwaki, wiem ze kiedys opera nie oblusgiwala innych niz standardowe kolorow ale np na stronie http://www.mija.za.pl/l.html wszystko jest ok i suwaki maja inne koory niz standardowe… co zrobilem nie tak???

#2

Bo Opera i FF tego nie obsługuja niestety. :slight_smile:

#3

Nie wiem czy dobrze zrozumialem Twoje odpowiedz Lazikar, ale chyba nie przeczytales dokladnie mojego posta bo dalem link do strony w ktorej pasek przewijania zmienil kolor.

Roznica miedzy moja strona a ta druga jest chyba tylko w divach:

moja strona:

zawartosc
[/code] Ta druga strona z dobrze dzialajacymi i wygladajacymi paskami przewijania:


style="Z-INDEX: 1; LEFT:430px; VISIBILITY: visible; OVERFLOW: auto; WIDTH:210px;height:310px; POSITION: absolute; TOP: 235px"\>zawartosc
#4

Faktycznie mają inne. :?

jjjjjjjjjjjjjjjjjjj0lw.th.jpg

#5

A może na tamtej stronie scrollbar jest tworzony w dhtml :roll: Wtedy może mieć inne kolory, bo jest tworzony od podstaw ;]

#6

WYstarczy zajerzec w kod inż.Pinol i widac ze to nie dhtml tylko css.

lazikar: hmmm roznica softu chyba miedzy nami: (u mnie opera 8.01)screeen4my.th.jpg

#7

Dodaj więc do swojego kodu brakujące elementy

kolejno: visiblity: visible; z-index: 1;

…i sprawdź czy to coś pomaga

ewentualnie walnij cały kodzik diva z tamtej stronki zmieniając tylko wartości px :wink:

Jeżeli tam działa, to u ciebie też powinno :roll:

#8

Na FF nie działa. :slight_smile:

Kody powinny wygladac tak aby działały pod Operą. :slight_smile:

Oczywiście zmiń sobie kolory. Daje dwa dla porównania.

body{background:#002c42;

scrollbar-3dlight-color:#006091;

scrollbar-arrow-color:#ff8c00;

scrollbar-darkshadow-color:#000000;

scrollbar-face-color:#002c42;

scrollbar-highlight-color: #002c42;

scrollbar-shadow-color:#000000;

scrollbar-track-color:#002c42}



BODY {

font-size : 11px;

	scrollbar-3d-light-color : #3D4384;

	scrollbar-arrow-color : #FFFFFF;

	scrollbar-base-color : #FFFFFF;

	scrollbar-dark-shadow-color : Black;

	scrollbar-shadow-color : #3D4384;

	scrollbar-highlight-color : White;

	scrollbar-face-color : #3D4384;

	font-family : Tahoma;

	background : #3D4384;

Użyj kreatora.

http://phpnuke.org.pl/modules.php?name= … unc=Scroll

#9

Dzieki za dobre checi jednak nie o to chodzilo. Udalo mi sie znalezc problem i moze ku przestrodze sie tutaj tym podziele, otoz caly problem tkwil w linijce ktora znajdowala sie przed

br />
"http://www.w3.org/TR/html4/loose.dtd">

wystarczylo ja skasowac!

#10

Jednak tego juz nie widzieliśmy. Byłem przekonany ze masz to w css. :slight_smile:

#11

Brawo! Powstała kolejna wspaniała strona bez deklaracji HTML - normalka. :? A wystarczyło dopisać jedno słowo:

html, body {

     scrollbar-face-color:#e4d3ab;

       scrollbar-highlight-color:#000000;

       scrollbar-3dlight-color:#e4d3ab;

       scrollbar-darkshadow-color:#e4d3ab;

       scrollbar-shadow-color:#000000;

       scrollbar-arrow-color:#b78f24;

       scrollbar-track-color:#e4d3ab;

}

Ja wiem, czy niestety? Po prostu są zgodne ze standardami W3C. :slight_smile: