CSS vs. Firefox.

Start med at få din css valideret på http://jigsaw.w3.org/css-validator/

FireFox viser CSS mere korrekt end Internet Explorer.
I de fleste tilfælge, er det FireFox's billede der er korrekt.

"Fejlen" opstår oftest, fordi folk designer siderne i Internet Explorer, og derefter ser dem i andre browsere.

Det er en forkert fremgangsmåde.. Lav dem i FireFox eller Opera, og se Internet Explorer bagefter..

/theSurfer

..eller samtlige browser på samme tid.. :-)

/theSurfer

ahh.. men kan se at det primært er rgb(*,*,*) der messer det hele op. *G*

Hvis du lægger et link til din side er der sikkert nogen der hjælper dig med at rette fejlene.
Firefox understøtter en betydeligt større del af CSS-standarderne end Internet Explorer og understøttelsen er langt mindre fejlfyldt. Særlig kommer IE i problemer hvis doc-typen på dit HTML-dokument mangler eller er forkert.

desværre kører min side lokalt, men smider da gerne lige css'en.
---------------------------------------------------------------------
  <style type="text/css">
  body {
    background-color: rgb(56,56,56);   
    font-family: arial;
    scrolling: none;
  }
 
  A:link, A:visited, A:active {
    text-decoration: none;
    color: rgb(84,84,84);
  }
 
  A:hover {
    text-decoration: underline;
    color: rgb(84,84,84);
  }
 
  .table {
    width:953px;
    height: 538px;
    border-left: 2px solid #545454;
    border-top: 2px solid #545454;
    border-bottom: 2px solid #545454;
    background-color: #000000;
    background-image: url('gfx/background.jpg');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    text-position-y: top;
  }
 
  .content_table {
    color: rgb(84,84,84);
    font-size: 12px;
    padding: 2px;
  }
 
  .gallery_content {
    color: rgb(127,127,127);
    font-size: 14px;
    padding: 2px;
  }
 
  .menu {
    height: 539px;
    width: 145px;
    padding: 3px;
    font-size: 12px;
    text-align: left;
    border-right: 1px solid rgb(84,84,84);
  }
 
  .content {
    height: 539px;
    width: 800px;
    padding: 3px;
    color: #545454;
    font-size: 12px;
    overflow-y: scroll;
    SCROLLBAR-FACE-COLOR: rgb(56,56,56);
    SCROLLBAR-HIGHLIGHT-COLOR: rgb(84,84,84);
    SCROLLBAR-SHADOW-COLOR: rgb(84,84,84);
    SCROLLBAR-3DLIGHT-COLOR: rgb(84,84,84);
    SCROLLBAR-ARROW-COLOR: rgb(84,84,84);
    SCROLLBAR-TRACK-COLOR: rgb(84,84,84);
    SCROLLBAR-DARKSHADOW-COLOR: rgb(56,56,56);
  }
 
  hr {
    width: 100px;
    color: rgb(84,84,84);
  }
  </style>
------------------------------------------------

VED følgende:

rgb(*,*,*) skal væk,
scrolling skal væk,
overflow-y skal væk (bruger den til kun at få lodret scrool på siden.

og får også følgende på W3C CSS Validator:

Line : 2 (Level : 1) You have no color with your background-color : body
Line : 3 font-family: You are encouraged to offer a generic family as a last alternative
Line : 3 (Level : 2) font-family: You are encouraged to offer a generic family as a last alternative : body
Line : 8 (Level : 1) You have no background-color with your color : A:active
Line : 8 (Level : 1) You have no background-color with your color : A:active
Line : 8 (Level : 1) You have no background-color with your color : A:active
Line : 13 (Level : 1) You have no background-color with your color : A:hover
Line : 22 (Level : 1) You have no color with your background-color : .table
Line : 28 (Level : 1) You have no background-color with your color : .content_table
Line : 34 (Level : 1) You have no background-color with your color : .gallery_content
Line : 52 (Level : 1) You have no background-color with your color : .content
Line : 65 (Level : 1) You have no background-color with your color : hr

Det er for li'som at være på den sikre side, alt det der med background-color. Hvis du ikke også sætter en farve til teksten, color, kan man jo ikke vide om teksten kan ses. Så sæt både en color og en background-color.  Men det er nok ikke derfor det ser vidt forskelligt ud, som du vist skriver.

PS: Og det har som sådan ikke noget med rgb(*,*,*) at gøre. Det er som det skal være.

fandt ud af at på den side jeg først kiggede brugte den rgb ud over css filen.

men derfor vil jeg jo gerne have det her løst, så det er rigtigt, og ser ens ud i de fleste browsere.

Nogle ideer om hvorfor den ikke vil godtage:

    SCROLLBAR-FACE-COLOR: rgb(56,56,56);
    SCROLLBAR-HIGHLIGHT-COLOR: rgb(84,84,84);
    SCROLLBAR-SHADOW-COLOR: rgb(84,84,84);
    SCROLLBAR-3DLIGHT-COLOR: rgb(84,84,84);
    SCROLLBAR-ARROW-COLOR: rgb(84,84,84);
    SCROLLBAR-TRACK-COLOR: rgb(84,84,84);
    SCROLLBAR-DARKSHADOW-COLOR: rgb(56,56,56);

og hvorfor man ikke kan definere at kun f.eks. den lodrette scroll bar skal vises når man bruger overflow ?

Det er vist IE-specifikt.

hmmm okey...

hvis jeg nu har et felt der er 200px højt, hvordan kan jeg så få teksten til at stå i toppen... text-position-y: top <-- virker, men fejler i validatoren, og text-position: top kan den slet ikke genkende.. :(

fordi de ikke er valid css.

vertical-align: top;

Jeg ved ikke lige hvad du mener, men er det vertical-align du leder efter: http://www.w3.org/TR/REC-CSS2/visudet.html#line-height

nice...

body {
overflow: none;
}

skulle fjerne scroll baren helt, både i IE og FF, right ?

body {
overflow: hidden;
}

Du behøver ikke spørge. Læs her: http://www.w3.org/TR/REC-CSS2/visufx.html#overflow-clipping

hmm vender lige tilbage senere... har left efter en god side med css forklaringer og tags osv.. men w3.org syntes jeg ikke virker er så optimalt. :(

http://www.w3schools.com/css/default.asp

Lav evt en søgning på http://www.google.com der ser sådan ud:

w3schools SØGEORD

Erstat "SØGEORD" med det du søger efter.

/theSurfer

kender godt w3schools.. men syntes bare jeg manglede en søgefunktion, som på php.net.. har så kun lagt mærke til at den smed google op, ikke at w3schools var første hit. :D

okey... 1 meget dumt spørgsmål...

den brokker sig over at jeg ikke har en background-color til min color i et stykke af mit css...

men har smidt "background-color: transparent;" ind... og den er valid... hvorfor brokker den sig stadig ??

Fordi det ikke er en direkte fast farve ?

Line : 35 (Level : 1) You have no background-color with your color : .content_table
Line : 42 (Level : 1) You have no background-color with your color : .gallery_content
Line : 60 (Level : 1) You have no background-color with your color : .content

.content_table {
    color: rgb(84,84,84);
    background-color: transparent;
    font-size: 12px;
    padding: 2px;
  }

  .gallery_content {
    color: rgb(127,127,127);
    background-color: transparent;
    font-size: 14px;
    padding: 2px;
  }

  .content {
    height: 539px;
    width: 800px;
    padding: 3px;
    color: #545454;
    background-color: transparent;
    font-size: 12px;
    overflow: auto;
  }

sådan her ser det stykke css ud.

Det er jo ikke en fejl, men en advarsel ...

Virker alt, er advarsler jo kun egnet til at fange din opmærksomhed overfor mulige problemer ...

-- præcis ligesom det blinkende lys over en fodgænger-overgang en sen nat på en øde landevej uden anden trafik end dig !-)

LOL!

Som du kan sige det. :D

Men syntes bare det er sjovt, men igen, det kunne jo være at background-color: transparent; var den eneste farve på sitet, så der kan jeg godt se problemet. ;)

at smide nogle svar. :D

lukker.