Avatar billede Slettet bruger
19. juni 2004 - 15:01 Der er 35 kommentarer og
1 løsning

problemer med shylesheet i andre browsere end explorer

jeg har lavet et shylesheet som alle min html dokumenter trækker info om skrift og skriftstørrelse o.s.v.

Det virker fint når man ser på det i explorer(helt upåklageligt faktisk). Men lige så snart man tester det i opera, netscape og Mozilla. Er baggrunden og teksten en helt anden farve, og formatteringen ryger sig også en tur. Lige pludselig er der de små skirfttyper skiftet ud med de store, og omvendt, hvilket mildest talt er ret "irriterende".

Når jeg skriver et html med en style-type øveste oppe i headen kan man se siden fint i opera, netscape og mozilla, men det var jo ikke meningen at jeg skulle ind og rette på hvert enkelte dokument, men at jeg kunne rette i stylesheeten, og dermed spare tid og kræfter.

Kan opera, mozilla og netscape ikke snakke med stylesheetet? eller mangler jeg at skrive noget?



Stylesheetet ser sådan ud:

body {
    background-color: black; color: white;
}

p    {    font-size: 13px; font-family: arial; font-weight: normal;
}

td    {    font-size: 13px; font-family: arial; font-weight: normal;
}

h1    {    font-size: 13px; font-family: arial; font-weight: normal; 
}

h2    {    font-size: 13px; font-family: arial; font-weight: bold;
}

h3    {    font-size: 13px; font-family: arial; font-weight: normal;
}

h4    {    font-size: 13px; font-family: arial; font-weight: normal;
}

h5    {    font-size: 13px; font-family: arial; font-weight: normal;
}

h6    {    font-size: 13px; font-family: arial; font-weight: normal;
}

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



a:link {
    color: white;
    text-decoration: none;
    font-family: arial;
    font-weight: normal;
    font-size: 13 px;
}
a:visited {
    color: white;
    text-decoration:none;
    font-family: arial;
    font-weight: normal;
    font-size: 13 px;
}
a:active {
    background-color: black;
    text-decoration:none;
    font-family: arial;
    font-weight: normal;
    font-size: 13 px;
}
a:hover {
    color: white;
    text-decoration:none;
    font-family: arial;
    font-weight: normal;
    font-size: 13 px;
}
Avatar billede roenving Novice
19. juni 2004 - 15:07 #1
Generelt set er Internet Explorer den browser, der har dårligst understøttelse af css ...

-- og ovenstående er der ikke noget galt med, så du må have andre fejl i din kode !-)

Der er ikke grund til din body-gentagelse, men den er ufarlig ...

-- og du har byttet om på :hover- og :active-pseudo-selektorerne, du har ikke angivet et generisk font-alternativ, men det er små ting, som ikke kan give egentlige fejl !o]
Avatar billede Slettet bruger
19. juni 2004 - 15:10 #2
oki jeg sletter bodyn ved background color, og bytter om på active og hover.

øhmmm generisk font-alternativ, hvad er det, og hvordan laver jeg det?
Avatar billede knudgert Nybegynder
19. juni 2004 - 15:10 #3
Og derfor kom med et link til siden, så er det meget nemmere at komme med et bud på fejlen.

En meget alm. fejl, er at serveren sender forkert mimetype til css og det ignorerer IE, men andre browsere gør ikke.
Avatar billede roenving Novice
19. juni 2004 - 15:13 #4
Generisk alternativ font:

font-family: arial,sans-serif;
Avatar billede Slettet bruger
19. juni 2004 - 15:14 #5
men vilje har jeg ikke lagt den nye version på serveren, da jeg vil vente til det er helt iorden, så det kan jeg desværre ikke knudgert;-)
Avatar billede skovenborg Nybegynder
19. juni 2004 - 15:14 #6
generiske fonte er nogle fonte som alle browsere forstår - eller rettere sagt har defineret. Hvis din computer fx ikke har skrifttypen arial, så vil den bruge den generiske font du har defineret fx:
font-family: arial, sans-serif;
hvor sans-serif er en af de generiske fonte (ikke nødvendigvis en bestemt - det er noget man definerer inde i browseren)
Avatar billede skovenborg Nybegynder
19. juni 2004 - 15:15 #7
Avatar billede gil-galad Nybegynder
19. juni 2004 - 15:17 #8
bare lige et tip:

Istedet for at skrive 4 ens link-styles, kan du sige:


a:link, a:visited, a:active, a:hover {
    color: white;
    text-decoration:none;
    font-family: arial;
    font-weight: normal;
    font-size: 13 px;
}
Avatar billede knudgert Nybegynder
19. juni 2004 - 15:17 #9
Upload så en testside, som fejler.
Ellers er det nok umuligt at svare på, for i det du poster her, er der ingen fejl, som skulle være årsag til problemet.
Hvis det er lokalt fejlen opstår, så er det jo ikke et serverproblem.

Det behøver jo ikke være en komplet side, blot noget enkelt, som fejler hos dig.
Avatar billede Slettet bruger
19. juni 2004 - 15:19 #10
Jeg undrer... når du definerer fra H1 til H6, hvorfor laver du så om på den foruddefineret fontstørrelse?
Alternativt slet H1-H6, og lav dine egne, for så er du 100% sikker på, hvordan de skal opføre sig i ALLE browsere.  :-)
For hvis jeg ikke tager meget fejl, definerer de forskellige browsere, vidt forskelligt hvordan H1-H6 skal opføre sig.
Avatar billede Slettet bruger
19. juni 2004 - 15:21 #11
...og desuden er "font-weight: normal" også standard, og behøves derfor ikke at blive præciseret.
Eller tager jeg helt fejl??
Avatar billede Slettet bruger
19. juni 2004 - 15:22 #12
h1 - h6 er vigtige ift. søgemaskiner, så jeg kan nu godt forstå at de bruges :)
Avatar billede Slettet bruger
19. juni 2004 - 15:24 #13
Ok... men kan man så ikke gøre sådan, at man laver H1-H6, men laver dem "usynlige" for brugeren, men synlige for søgemaskinerne?
Og så ellers selv lave sine egne font-typer/-størrelser/-liniehøjder?
Avatar billede Slettet bruger
19. juni 2004 - 15:26 #14
er ved at uploade link kommer om lidt...
Avatar billede Slettet bruger
19. juni 2004 - 15:28 #15
her er linket:

http://www.falentinfoto.dk/midlertidigside/hvorforfotografering.html


tektsen skal være hvid og baggrunden sort. Husk at det virker i Xplorer, så det er opera, mozilla og netscape i skal test det i...
Avatar billede gil-galad Nybegynder
19. juni 2004 - 15:29 #16
det ser da ens ud i mozilla og IE?
Avatar billede Slettet bruger
19. juni 2004 - 15:30 #17
extend: giv et eksempel på hvordan jeg kan lave min egen
Avatar billede knudgert Nybegynder
19. juni 2004 - 15:31 #18
Og eftersom alle h*  og p og td er ens undtagen h2, så kunne man så nøjes med at skrive
p, td, h1, h3, h4, h5, h6 {font-size: 13px; font-family: arial; font-weight: normal}

Men det har stadig ikke noget med fejlen at gøre.
Avatar billede fangel Nybegynder
19. juni 2004 - 15:31 #19
*HOST*

<link rel="stylesheet" type="text/css" href="C:\Falentinfoto Hjemmeside\diverse scripts css og java\style.css">

Dette er linket til style-sheet... som du nok kan se linker det til C-drevet... og sjovt nok mangler langt de fleste den file på deres C-drev...

ændre det til en relativ sti, og det burde virke

Moretn
Avatar billede gil-galad Nybegynder
19. juni 2004 - 15:32 #20
prøv kun at give teksten én style: 
enten <p>tekst..</p>
el. <h1>tekst../h1>
ikke <h1><p>tekst..</p></h1>
Avatar billede fangel Nybegynder
19. juni 2004 - 15:32 #21
og lad være med at have mellemrum og æøå i dine stier - det er ikke pænt...

Morten (ikke Moretn)
Avatar billede gil-galad Nybegynder
19. juni 2004 - 15:33 #22
:-)
Avatar billede knudgert Nybegynder
19. juni 2004 - 15:34 #23
>extend
Man kunne godt lave dem usynlige på skærm/print, men da det ofte er misbrugt for at opnå en bedre placering på søhemaskiner, så vil sådanne sider ofte blive blokeret af søgemaskinerne, så det er en dårlig ide.

Det kan gøres med
h1 {display: none}
Avatar billede fangel Nybegynder
19. juni 2004 - 15:37 #24
forskellen i de forskellige browseres opfatteleser af Hn'erne er på hvor der skal være padding henne

Mozilla og IE lægger padding under linien, Opera over... fjern al padding med "padding: 0px; margin: 0px;"

Morten
Avatar billede Slettet bruger
19. juni 2004 - 15:39 #25
Her er et eksempel. Du kan selv lægge flere styles til, og lave om på dem, lige som du har lyst til.  :-)

<?xml version="1.1" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
    <title>test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Content-Language" content="dk-DK" />
   
<style type="text/css">
    .overskrift {
        text-align: center;
        font-family: arial, verdana, tahoma, helvetica, sans-serif;
        font-size: 16px;
        font-style: bold;
        color: #000000;  }
       
    .tekst-01 {
        text-align: left;
        font-family: verdana, tahoma, helvetica, arial, sans-serif;
        font-size: 11px;
        font-style: normal;
        color: #000000;  }
       
    .tekst-02 {
        text-align: left;
        font-family: verdana, tahoma, helvetica, arial, sans-serif;
        font-size: 10px;
        font-style: normal;
        color: #000000;  }
</style>
   
   
   
   
</head>

<body>

<span class="overskrift">
HVORFOR FOTOGRAFERING?
</span>

<br />

<span class="tekst-01">
Min interesse for fotografiet... osv.
</span>

<br />

<span class="tekst-02">
Lidt mere tekst...  ;-)
</span>

</body>
</html>
Avatar billede Slettet bruger
19. juni 2004 - 15:40 #26
fangel: *G* ja det kan jeg jo godt se når du nu siger det*G*
Avatar billede knudgert Nybegynder
19. juni 2004 - 15:45 #27
Grunden til at du andre browsere end IE ser cssarket på din egen maskine er at du bruger backslash (\) i stien.
I stier på en hjemmeside, skal man altid bruge /, så det skal være
file:///C:/Falentinfoto Hjemmeside/diverse scripts css og java/style.css
så vil det virke på din egen pc.
Avatar billede Slettet bruger
19. juni 2004 - 15:47 #28
knudgert:
Godt set!  :-)
Avatar billede Slettet bruger
19. juni 2004 - 15:52 #29
Et sidste spørgsmål: nu da jeg har rettet stien, er baggrunden hvid og teksten sort (nu bare i explorer) hvad gør jeg galt?

body {
    background-color: black; color: white;
}
Avatar billede Slettet bruger
19. juni 2004 - 15:53 #30
baggrunden skal naturligvis være sort og teksten hvid..
Avatar billede knudgert Nybegynder
19. juni 2004 - 16:10 #31
Hvis din css stadig ser ud som det, du skrev i spørgsmålet, har du så husket at ændre det begge de steder, hvor der står body (eller bedre slette den første body og rette det i den anden)?
Avatar billede Slettet bruger
19. juni 2004 - 16:21 #32
min kode ser sådan ud nu:

body {
    background-color: black;
}

p    {
        font-size: 12px; font-family: arial; font-weight: normal; color: white;
}

td    {    font-size: 12px; font-family: arial,sans-serif; font-weight: normal;
}

h1    {    font-size: 12px; font-family: arial,sans-serif; font-weight: normal; 
}

h2    {    font-size: 12px; font-family: arial,sans-serif; font-weight: bold;
}

h3    {    font-size: 12px; font-family: arial,sans-serif; font-weight: normal;
}

h4    {    font-size: 12px; font-family: arial,sans-serif; font-weight: normal;
}

h5    {    font-size: 12px; font-family: arial,sans-serif; font-weight: normal;
}

h6    {    font-size: 12px; font-family: arial,sans-serif; font-weight: normal;
}

{

background-color: black; color: white;
scrollbar-arrow-color: ffffff;
scrollbar-base-color: 000000;
scrollbar-dark-shadow-color: ffffff;
scrollbar-track-color: 000000;
scrollbar-face-color: 000000;
scrollbar-shadow-color: ffffff;
scrollbar-highlight-color: ffffff;
scrollbar-3d-light-color: ffffff;
}



a:link {
    color: white;
    text-decoration: none;
    font-family: arial,sans-serif;
    font-weight: normal;
    font-size: 13 px;
}

a:visited {
    color: white;
    text-decoration:none;
    font-family: arial,sans-serif;
    font-weight: normal;
    font-size: 13 px;
}

a:hover {
    color: white;
    text-decoration:none;
    font-family: arial,sans-serif;
    font-weight: normal;
    font-size: 13 px;
}


a:active {
    background-color: black;
    text-decoration:none;
    font-family: arial,sans-serif;
    font-weight: normal;
    font-size: 13 px;
}
Avatar billede Slettet bruger
19. juni 2004 - 16:42 #33
aha det er henvisningen til stylesheet der glipper..tak for hjælpen;-)
Avatar billede fangel Nybegynder
20. juni 2004 - 10:59 #34
(det pointerede jeg så igår kl 15:31...)
Avatar billede knudgert Nybegynder
20. juni 2004 - 18:37 #35
>fangel
Du glemte bare at backslash ikke er tilladt i urls.
Avatar billede Slettet bruger
20. juni 2004 - 19:12 #36
dygtig fangel...
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