Waarom pakt firefox deze css niet...

Door Onbekende gebruiker op 27-06-2005 13:21

1.997 views

Ik ben met een site bezig en heb alles zowel voor IE en FIREFOX "bijna" helemaal goed werken, aleen is er nog 1 probleem namelijk firefox pakt deze css style niet:

<style type="text/css">

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?

Onbekende gebruiker

27-06-2005 13:43

body {
margin:0;
padding:0;
background-color: #EBE2E2;.style1 {font-size: 12px}
je mist er een } achter je kleurcode.

En  mag niet in css. Gebruik /* en */

Gerco

27-06-2005 13:59

firefox pakt het gewoon niet met scrollbar. Dat is geen goed css voor firefox. Helaas is hier ( na mijn weten ) geen oplossing voor

Onbekende gebruiker

27-06-2005 15:28

O dat is dan mooi kl**te .. mijn layout gaat er namelijk naar de klote mee omdat alles "precies" in een iframe is gezet.

Elwin - Fratsloos

27-06-2005 15:48

Daar doet Firefox niets speciaals aan hoor. Firefox houdt zich gewoon aan de CSS 2.0 reference van het W3C. En daarin staat niets over het kleuren van een scrollbar.

Elwin

Gerco

27-06-2005 15:56

De scrollbar opzich doet wel, maar de kleuren niet

Han eev

27-06-2005 16:47 gewijzigd op 27-06-2005 16:50

ik heb ook dat probleem hoe kan je de body background instellen in FF?

[edit] ik gewoon background: kleur; moet dat dan Background-color: kleur; worden?
(ik kan het nu niet uittesten)

Onbekende gebruiker

27-06-2005 16:58

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..)

Jelmer -

27-06-2005 17:41

background: #FFFFFF;
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/

Onbekende gebruiker

27-06-2005 21:45

Ok heb hem bijna, aleen heb ik dit dus in een i-frame staan en nu is de text wel gestyled , aleen je ziet de onderste scrollbalk opeens en een witte streep : denk dat het aan margin:0; padding:0; ligt : (style1 kon ik overigens deleten dat was een fout)

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?

Jelmer -

27-06-2005 22:56

Je css is zo IIG weer helemaal correct (niet valid, maar correct vormgegeven)

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;
}

Reageren

Inloggen om te reageren