komisch sache mit einem css stylesheet!

[simon]

hallo zusammen,
bei meiner page klappt etwas nicht richtig,
irgendwie ist es so ziemlich komisch.

ich habe ein stylesheet - schon gecheckt mit dem validator - eingebunden auf die page.
in dieser css datei habe ich auch scrollbars gefärbt.

wenn ich die page jetzt öffne, werden die scrollbars jetzt aber nicht gefärbt.
das komische dabei ist, dass aber die scrollbalken des textarea feld gefärbt werden,
doch die normalen scrollbars bleiben grau!

das ganze habe ich hier als grafik hochgeladen:
http://www.free.pages.at/zimtstern/befangcss.jpg (5 kb)

danke für alle hilfen,
mfg
<!-- simon -->

[Christian Seiler]

Hallo simon,

wenn ich die page jetzt öffne, werden die scrollbars jetzt aber nicht gefärbt.

Du wendest die Scrollbareigenschaften auf body an, der IE6 interpretiert sie im Standards Compliant Mode jedoch nur, wenn Du sie auf html anwendest. Wende Sie auf beide Elemente an, und der von Dir gewünschte Effekt wird erzielt.

Christian

[Dogfish]

Hallo ihr da draußen,

ich habe ein stylesheet - schon gecheckt mit dem validator - eingebunden auf die page.
in dieser css datei habe ich auch scrollbars gefärbt.

Da widersprichst du dir aber selbst. Denn der Validator müsste bei eingefärbten Scrollbars schon einen Fehler bringen, da dies M$IE-Standart ist.

Poste mal ein bisschen was von deinem CSS-Quellcode, dann kann man dir bestimmt besser helfen.

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

[simon]

style.css:

body {
scrollbar-arrow-color: #006699;
scrollbar-base-color: #ffffff;
scrollbar-track-color:  #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3d-light-color: #006699;
scrollbar-dark-shadow-color: #000000;
}

.info {
font-size : 12px;
font-family : verdana, arial, helvetica, sans-serif;
color : #333333;
text-align : left;
}
.title {
font-size : 14px;
font-family : verdana, arial, helvetica, sans-serif;
color : #FFFFFF;
text-align : center;
font-weight : 700;
}
.rechts {
font-size : 12px;
font-family : verdana, arial, helvetica, sans-serif;
color : #333333;
text-align : right;
}
.top {
font-size : 12px;
font-family : verdana, arial, helvetica, sans-serif;
vertical-align : top;
color : #333333;
text-align : left;
}
.unten {
font-size : 11px;
font-family : verdana, arial, helvetica, sans-serif;
color : #333333;
}
A {
 COLOR: #006699; TEXT-DECORATION: none
}
A:visited {
 COLOR: #006699; TEXT-DECORATION: none
}
A:active {
 COLOR: #006699; TEXT-DECORATION: none
}
A:hover {
 COLOR: #74798b; TEXT-DECORATION: underline
}

[Tobias K.]

Hallo simon,

style.css:
[...]

da sind laut http://jigsaw.w3.org/css-validator/ 11 Fehler (und 5 Warnungen) drin.

hat dir die Antwort von Christian jetzt geholfen?

Grüße aus Nürnberg
Tobias

[simon]

Aber wieso werden die farben im textarea richtig dargestellt, aber normal nicht?

[Christian Seiler]

Hallo simon,

Aber wieso werden die farben im textarea richtig dargestellt, aber normal nicht?

Ich habe Dir doch bereits darauf mit einem Lösungsvorschlag geantwortet. Was genau an meiner Antwort verstehst Du nicht?

Christian

[simon]

Ich habe Dir doch bereits darauf mit einem Lösungsvorschlag geantwortet. Was genau an meiner Antwort verstehst Du nicht?

ja, sorry. könntest du mir auch den code für eine lösung sagen?

[Christian Seiler]

Hallo simon,

ja, sorry.

Wofür entschuldigst Du Dich denn? Ich habe Dich lediglich gefragt, wo Deine Verständnisschwierigkeiten liegen.

könntest du mir auch den code für eine lösung sagen?

Könnte ich. Aber dabei würdest Du nichts lernen.

Ich zitiere mich noch einmal:

| Du wendest die Scrollbareigenschaften auf body an, der IE6 interpretiert sie im Standards Compliant Mode jedoch nur, wenn Du sie auf html anwendest. Wende Sie auf beide Elemente an, und der von Dir gewünschte Effekt wird erzielt.

Wo genau ist Dein Verständnisproblem? Wenn Du mir das sagst, dann erkläre ich Dir diesen Sachverhalt, den Du nicht verstehst, gerne noch einmal.

Christian

[Sebastian Schimpf]

Hallo,

| Du wendest die Scrollbareigenschaften auf body an, der IE6 interpretiert sie im Standards Compliant Mode jedoch nur, wenn Du sie auf html anwendest. Wende Sie auf beide Elemente an, und der von Dir gewünschte Effekt wird erzielt.

Mal ganz nebenbei,
ich habe vor einiger Zeit versucht, die Scrollbalken meiner Website einzufärben und habe es voll nicht gschafft, obwohl ich eine 100%ige Vorlage hatte. Der Quellcode basiert auf XHTML und ich dachte, dass es daran liegt und habe es aufgegeben. Es war nämlich so, dass die Scrollbalken tatsächlich eingefärbt wurden, wenn ich den Doctype geändert habe, bzw. HTML 4.0 verwendete.

Nun habe ich gerade einfach  --> body, html {...} anstatt body {...}
und siehe da, es klappt auch mit XHTML :))
Manchmal sind die naheliegendsten Dinge doch so weit entfernt!

Vielen Dank Christian!

http://www.zabcontact.de jetzt in Farbe und sogar bunt ;o)