Avatar billede janjacobsen Nybegynder
26. november 2005 - 16:42 Der er 18 kommentarer og
1 løsning

Stylesheet vil ikke arbejde i Netscape - hvorfor

Dette stylesheet kan jeg ikke få til at køre i Netscape og Firefox - er der nogen som kan give et bud på hvorfor?

Og ikke mindst hvordan, får vi det til at virke?
Hvilke rettelser skal der til?


body {
    margin-top: 0px;
    margin-bottom: 0px;
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #C4E8D7;
    scrollbar-highlight-color: #C4E8D7;
    scrollbar-3dlight-color: #C4E8D7;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #C4E8D7;
    font-family: arial, verdana, helvetica;
    font-size: 11pt;
    color: #000000;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    overflow-y: scroll;
    overflow-x: hidden;
    display : inline ;
    line-height: 18px;


td {

    font-family: arial, verdana, helvetica;
    font-size: 12pt;
}
input {
    border: 1px #000000 solid;
    font-family: arial, verdana, helvetica;
    font-size: 11px;
    color: #006331;
    background-color: #fffffff;
    }
textarea {
    border: 1px #000000 solid;
    font-family: arial, verdana, helvetica;
    font-size: 11px;
    color: #006331;
    background-color: #ffffff;
    display : inline;
    line-height: 15px;
}
select {
    border: 1px #000000 solid;
    font-family: arial, verdana, helvetica;
    font-size: 11px;
    color: #006331;
    background-color: ffffff;
    }
Text { 
    font-family: Helvetica, Arial, helvetica;
    font-size: 11px;
    display : inline ;
    color: #006331}

.height {
height: 100%;
}

.header {
height: 80px;
border: 0px solid #CCCCCC;
background-repeat: repeat-x;
}

.space {
height: 2px;
}

.topmenu {
font-family: Verdana;
font-size: 11px;
color: #000000;
height: 25px;
border: 0px solid #CCCCCC;
background-repeat: repeat-x;
}

.maintd {
padding: 4px;
border: 0px solid #CCCCCC;
}

.box {
padding-left: 5px;
font-family: Verdana;
font-size: 11px;
color: #000000;
height: 66px;
border: 1px solid #CCCCCC;
background-image: url("../images/box-bg.jpeg");
background-repeat: repeat-x;
}

.boxcontent {
font-family: Verdana;
font-size: 11px;
color: #DEE6EC;
}

.category {
padding-left: 17px;
font-family: Verdana;
font-size: 11px;
color: #006331;
font-weight: bold;
height: 17px;
border: 1px solid #C0DCC7;
background-image: url("../images/bg.gif");
background-repeat: repeat-x;
line-height: 15px;
}

.content {
font-family: Verdana;
font-size: 11px;
color: #006331;
padding: 15px;
vertical-align: top;
border: 0px solid #C0DCC7;
display : inline;
line-height: 18px;
}

.text {
font-family: verdana;
font-size: 11px;
color: #006331;
display : inline;
line-height: 15px;
}

.warn {
font-family: verdana;
font-size: 10px;
color: #800000;
}

.suc {
font-family: verdana;
font-size: 10px;
color: #008000;
}

input, textarea, select {
border: 0px solid #C0DCC7;
}

a {
font-family: Verdana;
font-size: 11px;
color: #006331;
}

a:link {
text-decoration:none;
}

a:visited {
text-decoration:none;
}

a:hover {
color: #006331;
background-color: #C0DCC7;
width:90%;
text-decoration:underline;
}

a:active {
text-decoration:none;
Avatar billede apo Praktikant
26. november 2005 - 16:52 #1
Hvilke dele kan du ikke få til at virke i Netscape og Firefox, og hvordan kan du ikke få det til at virke? Kan du præcisere dit spørgsmål, så der er noget konkret at arbejde med?
Avatar billede trekkies Juniormester
26. november 2005 - 16:53 #2
scrollbar og den slags virker kun i IE.

De andre burde virke i Firefox og Netscape.

Det vil hjælpe med noget mere kode, f.eks. hvordan linker du til din css kode?
Avatar billede apo Praktikant
26. november 2005 - 16:56 #3
Hjemmelavede scrollbars virker kun i IE. Dog mener jeg at have læst, at hvis man sætter CSS-reglerne for scrollbaren på html, i stedet for på body, skulle det virke (Jeg har dog ikke testet det):

html {
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #C4E8D7;
    scrollbar-highlight-color: #C4E8D7;
    scrollbar-3dlight-color: #C4E8D7;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #C4E8D7;
}
Avatar billede apo Praktikant
26. november 2005 - 16:58 #4
skulle det virke i andre browsere end IE - skulle der have stået.
Avatar billede janjacobsen Nybegynder
26. november 2005 - 17:04 #5
Ok, jeg har fundet ud af at det kun er body-delen som ikke virker.
Resten gør!
Avatar billede erikjacobsen Ekspert
26. november 2005 - 17:06 #6
body delen slutter heller ikke med en }
Avatar billede apo Praktikant
26. november 2005 - 17:06 #7
Har du fået scrollbaren til at virke i Netscape og FF?
Avatar billede janjacobsen Nybegynder
26. november 2005 - 17:07 #8
Og det er disse linjer:
    overflow-y: scroll;
    overflow-x: hidden;
    display : inline ;
    line-height: 18px;

Hvis de er med i stylesheetet kan hele siden ikke vises.
Avatar billede janjacobsen Nybegynder
26. november 2005 - 17:07 #9
Nej, scrollbaren virker ikke i Netscape
Avatar billede janjacobsen Nybegynder
26. november 2005 - 17:09 #10
Og det er linjen
    display : inline ;
den er gal med.
Hvorfor?
Avatar billede apo Praktikant
26. november 2005 - 17:12 #11
janjacobsen > Har du flyttet CSS-reglerne for scrollbaren op til html {bla:bla;} ?

Og har du lukket CSS-reglerne for body med en } ?

Du bliver nød til at forklare hvad du foretager af rettelser - Vi kan jo ikke tankelæse ;-)
Avatar billede janjacobsen Nybegynder
26. november 2005 - 17:18 #12
Jeg så at jeg manglede en }, så den er tilføjet.
Jeg har prøvet at sætte

html {
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #C4E8D7;
    scrollbar-highlight-color: #C4E8D7;
    scrollbar-3dlight-color: #C4E8D7;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #C4E8D7;
}
ind og har slettet det i body-delen.
Det virker desværre ikke.

Jeg fjernede
display : inline ;
Og nu virker det!
Avatar billede janjacobsen Nybegynder
26. november 2005 - 17:21 #13
Hvordan får jeg så de scrolbars til at virke i Netscape
Avatar billede apo Praktikant
26. november 2005 - 17:23 #14
Benytter du egentlig en DOCTYPE-definition øverst i dit HTML-dokument, som f.eks.:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

?

Den er vigtig for at browserne kan fortolke dit dokument korrekt - Og uden den disabler du en del CSS.

Så vidt jeg kan læse mig til i: http://www.w3.org/TR/CSS21/visuren.html#display-prop kan visse browsere overskrive værdien inline - Måske ligger det til grund for problemet?
Avatar billede apo Praktikant
26. november 2005 - 17:25 #15
Hvis du benytter en DOCTYPE som den jeg har vist dig, og kan du stadig ikke style din scrollbar i Netscape, er jeg ikke sikker på at det kan lade sig gøre.

Jeg benytter ikke selv styling af scrollbars i mine HTML-dokumenter.
Avatar billede apo Praktikant
26. november 2005 - 17:34 #16
... Hvorfor ville du egentlig benytte display:inline i body {} ?

Hvis det er for at have en margin på '0' (for at fylde siden helt ud til kanten af skærmen), kan du i stedet benytte:

html,body {margin:0; padding:0; height:100%;}

Ovenstående virker kun hvis du har indsat en fuld DTD (DOCTYPE-definition med linket) helt øverst i dit HTML-dokument (Der må intet HTML være over DTD'en, ellers virker det ikke).
Avatar billede apo Praktikant
26. november 2005 - 18:18 #17
Jeg må hellere korrigere mig selv :-/

Hjemmelavede/CSS-stylede scrollbars fungerer kun i IE og endnu en browser (Jeg ikke lige kan huske navnet på); Og altså ikke i hverken Firefox eller Netscape.

janjacobsen > Er du forsvundet? :-)
Avatar billede janjacobsen Nybegynder
26. november 2005 - 19:52 #18
Hej
Jeg har linjen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Jeg har nogle små rammer i dokumentet som skal vises, men jeg kan leve uden.

Tak for den her: html,body {margin:0; padding:0; height:100%;}

Jeg tror du mener Opera - jeg synes den virker meger IE tro.

Men jeg har egentlig fået løst mine problemer, og jeg takker meget for hjælpen.

Smider du et svar?
Avatar billede apo Praktikant
26. november 2005 - 20:59 #19
Du får et svar :-)

Nej, det var ikke Opera, jeg tænkte på - Det er én af de mindre kendte/anvendte browsere.

Der er stor forskel på IE og Opera (Synes jeg): Nogle HTML-elementer opfører sig lidt anderledes/mere besværligt i Opera end i IE og FF - Hvorfor HTML-elementer, der opfører sig pænt i IE og FF, nogle gange ligner l*rt i Opera; indtil man får dem tilpasset.

html,body {margin:0; padding:0; height:100%;} er god hvis du vil fylde dit design helt ud til kanten i top og bund (Kræver som nævnt, at man bruger en DOCTYPE med linket).

Har du problemer med de små rammer i dokumentet efter indsættelse af DTD'en, eller?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester