Waarom pakt firefox deze css niet...
<style type="text/css">
<!--
BODY {
scrollbar-face-color: EBE2E2;
scrollbar-track-color: EBE2E2;
}
-->
body {
margin:0;
padding:0;
background-color: #EBE2E2;.style1 {font-size: 12px}
.mainstyle {font-size: 11px}
.datestyle {font-size: 11px; color: #993300; }
a:link {
color: #990000;
}
a:visited {
color: #990000;
}
a:hover {
color: #D50000;
}
a:active {
color: #990000;
}
</style>
----------------
het bovenstaande heb ik dus niet in een apart file , maar gewoon in mijn pagina staan .. ik begrijp dat firefox de scrollbar bijv niet pakt , MAAR hij pakt de text style ook niet etc , hoe moet ik dat oplossen?
margin:0;
padding:0;
background-color: #EBE2E2;.style1 {font-size: 12px}
je mist er een } achter je kleurcode.
En <!-- en --> mag niet in css. Gebruik /* en */
firefox pakt het gewoon niet met scrollbar. Dat is geen goed css voor firefox. Helaas is hier ( na mijn weten ) geen oplossing voor
O dat is dan mooi kl**te .. mijn layout gaat er namelijk naar de klote mee omdat alles "precies" in een iframe is gezet.
De scrollbar opzich doet wel, maar de kleuren niet
Edit:
ik gewoon background: kleur; moet dat dan Background-color: kleur; worden?
(ik kan het nu niet uittesten)
(ik kan het nu niet uittesten)
Gewijzigd op 27/06/2005 16:50:00 door Han eev
Als ik die scrollbar eruit haal zodat de text etc teminnste goed word gestyled , hoe word de code dan?? ( heb veschillende dingen geprobeerd , maar hij pakt niks lekker..)
background: url('img.jpg') repeat-y top;
En @henk:
had je dit al verandert naar:
body {
margin:0;
padding:0;
background-color: #EBE2E2;
}
.style1 {font-size: 12px} ?
En de scrollbars hebben in firefox geen enkele invloed, maar dat houd ook in dat ze er niet schuldig aan zijn dat je teskt niet goed wordt gestyled.
PS: haal ook eens je website en je stylesheet door de bijbehorende validators:
http://validator.w3.org/
http://jigsaw.w3.org/css-validator/
ik heb nu:
<style type="text/css">
BODY {
scrollbar-face-color: EBE2E2;
scrollbar-track-color: EBE2E2;
}
body {
margin:0;
padding:0;
background-color: #EBE2E2;
}
.mainstyle {font-size: 11px}
.datestyle {font-size: 11px; color: #993300; }
.newsheader {font-size: 11px; color: #993300; font-weight: bold; }
a:link {
color: #993300;
}
a:hover {
color: #D24400;
}
a:visited {
color: #993300;
}
a:active {
color: #993300;
}
</style>
( moet ik die 2e body { niet verwijderen?
Dit gebruik ik om alleen verticaal te scrollen (naast natuurlijk dat ik de content van de pagina niet groter laat zijn dan de pagina zelf:
html {
/* IE Horizontal scrollbar fix */
overflow-y: scroll;
/* force scrollbars in moz */
height: 100%;
margin-bottom: 1px;
}
Dat het niet valid is boeit me niet :D , zolang hetmaar werkt..
Bedankt,