[Løst] css fungerer ikke i firefox

Emaxine · 25. april 2012

Da jeg skulle teste ut koden min i firefox, fungerte ikke css fila lengre.

Hva kan dette komme av? Noen instillinger som jeg har gått glipp av?

Fungerer fint i IE.

Blåbær · 25. april 2012

Takk for css-filen. Men om du bruker "nye" ccs3 ting, så bruker man ofte -moz- benevnelsen.

Emaxine · 25. april 2012

Takk for css-filen. Men om du bruker "nye" ccs3 ting, så bruker man ofte -moz- benevnelsen.

Det er nok ikke det som er feil heller.

Laget en liten test der css kun skulle sette skrift til rødt. Selv det fungerte ikke. (fungerte i IE)

Milktea · 25. april 2012

De som er her for å hjelpe ønsker ikke å leke «20 spørsmål» med deg. Du må gi en bedre beskrivelse av problemet ditt og eventuelt vedlegge relevant kildekode eller lenke til siden din.

Emaxine · 25. april 2012

De som er her for å hjelpe ønsker ikke å leke «20 spørsmål» med deg. Du må gi en bedre beskrivelse av problemet ditt og eventuelt vedlegge relevant kildekode eller lenke til siden din.

Syns du kunne vært litt hyggeligere! Det er selfølgelig ikke meningen å leke «20 spørsmål» som du nevner. For meg så virket det nok å skrive det jeg gjorde. Når man sitter å jobber med dette selv, er det lett å overse ting som burde vært med. Beklager så mye.

Her har du testkoden min:

<html>
<head>
<link rel="stylesheet"
type="text/css" href="C:\xampp\htdocs\prosjekt\test\test.css "/>
</head>

<body>
<h1>
Dette er en test!!!
</h1>
</body>

</html>

h1
{
color:red;
}

I IE blir teksten rød. (CSS fungerer)

I Firefox blir teksten ikke rød. (CSS fungerer ikke)

Det samme gjelder når jeg testet websiden i firefox.(Firefox 11.0.) All design som er gjort i css forsvinner.

Jeg vet egentlig ikke hva mer jeg skal skrive.

agm · 25. april 2012

Legg til file:// foran adressen.

Lagt til: Eventuelt kan du hente inn via localhost om XAMPP funker -

h ttp://localhost/prosjekt/test/test.css (eller noe sånt)

Endret 25. april 2012 av agm

Emaxine · 30. april 2012

Legg til file:// foran adressen.

Dette kommer vel opp automatisk?

Lagt til: Eventuelt kan du hente inn via localhost om XAMPP funker -

h ttp://localhost/prosjekt/test/test.css (eller noe sånt)

Dette fungerer heller ikke.

Har nå testet i Opera. Fungerer heller ikke her. Syns dette er veldig merkelig.

Audun0505 · 30. april 2012

Prøv med fargekode istederfor "Red", altså

h1 {

color:#ff0000;

}

Endret 30. april 2012 av Audun0505

Emaxine · 30. april 2012

Prøv med fargekode istederfor "Red", altså

h1 {

color:#ff0000;

}

Ingen forskjell. :/

Det virker på meg som om det er hele fila som ikke blir inkludert på en eller annen måte...

The Jackal · 30. april 2012

hva med å bare skrive <link rel="stylesheet"type="text/css" href="test.css "/>? Forutsatt at test.css ligger i samme mappe som html filen du åpner?

Milktea · 30. april 2012

Hvis du går inn på dokumentet gjennom en webserver (når du skriver inn localhost eller 127.0.0.1 i adresselinja) vil ikke Firefox gi deg tilgang til lokale filer. Hvis du bruker URI-en "file://C:\xampp\htdocs\prosjekt\test\test.css" blir CSS-filen altså kun inkludert dersom du går inn på HTML-dokumentet gjennom dets lokale URL ("file://C:\xampp\htdocs\prosjekt\test\index.html", eller hva denne måtte være hos deg). Hvis du har en webserver må du bruke den URL-en CSS-filen er tilgjengelig for offentligheten gjennom, altså "localhost/prosjekt/test/test.css" eller noe i den duren.

Hvorfor er det slike begresninger? Fordi ellers kan hvem som helst i utgangspunktet stjele filene du har på harddisken ved å gjette seg frem til filnavn og bruke JavaScript til å sende data.

agm · 30. april 2012

Legg til file:// foran adressen.

Dette kommer vel opp automatisk?

Nei. I motsetning til bl.a. Chrome og IE klarer verken Opera eller Firefox å hente filer lokalt uten at du legger til file://

Emaxine · 1. mai 2012

Takk for svar!

Men jeg må si jeg sliter litt med å forstå hva du mener.

Hvis du bruker URI-en "file://C:\xampp\htdocs\prosjekt\test\test.css" blir CSS-filen altså kun inkludert dersom du går inn på HTML-dokumentet gjennom dets lokale URL ("file://C:\xampp\htdocs\prosjekt\test\index.html", eller hva denne måtte være hos deg).

Jeg er reelativt ny i "gamet", men når jeg skal sjekke opp på webserveren, er det html fila jeg åpner. Altså file://C:\xampp\htdocs\prosjekt\test\test.html. Ved å bruke file://C:\xampp\htdocs\prosjekt\test\test.css kommer bare selve innholdet av css fila frem. Det er ikke det jeg ønsker.

Hvis du har en webserver må du bruke den URL-en CSS-filen er tilgjengelig for offentligheten gjennom, altså "localhost/prosjekt/test/test.css" eller noe i den duren.

Dette må jeg tydelig ha inn med teskje.

Mener du her at jeg må skrive file://C:\xampp\htdocs\prosjekt\test\test.css i webbrowser? Det går jo ikke så bra..

Legg til file:// foran adressen.

Dette kommer vel opp automatisk?

Nei. I motsetning til bl.a. Chrome og IE klarer verken Opera eller Firefox å hente filer lokalt uten at du legger til file://

Vel, her kommer det i alle fall opp automatisk..

StudioARE · 1. mai 2012

Hva med å skrive lokasjonen til CSS filen ut i fra hvor HTML dokumentet ligger hen, relativ linking altså?

<link rel="stylesheet" href="css/style.css">

og skriv heller

<!doctype html>

på første linje i HTML filen din?

Endret 1. mai 2012 av StudioARE

Emaxine · 2. mai 2012

Hva med å skrive lokasjonen til CSS filen ut i fra hvor HTML dokumentet ligger hen, relativ linking altså?
<link rel="stylesheet" href="css/style.css">
og skriv heller
<!doctype html>
på første linje i HTML filen din?

Nå prøvde jeg å sette det opp slik:

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

<html>
<head>
<link rel="stylesheet"
type="text/css" href="C:\xampp\htdocs\prosjekt\test\test.css "/>
</head>

<body>
<h1>
Dette er en test!!!
</h1>
</body>
</html>

Men det var ingen forskjell.

Begynner å irritere meg grønn over dette her!

The Jackal · 2. mai 2012

Hva med å skrive lokasjonen til CSS filen ut i fra hvor HTML dokumentet ligger hen, relativ linking altså?
<link rel="stylesheet" href="css/style.css">
og skriv heller
<!doctype html>
på første linje i HTML filen din?
Nå prøvde jeg å sette det opp slik:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<link rel="stylesheet"
type="text/css" href="C:\xampp\htdocs\prosjekt\test\test.css "/>
</head>

<body>
<h1>
Dette er en test!!!
</h1>
</body>
</html>
Men det var ingen forskjell.

Begynner å irritere meg grønn over dette her!

Du har jo fortsatt ikke satt den til relativ path. Slik (forutsatt at test.css ligger i samme mappe som html filen):

Emaxine · 2. mai 2012

Har testet med Chrome, og det fungerer her.

Altså:

- det fungerer i IE og Chrome men ikke i Firefox og Opera.

Martin HaTh · 2. mai 2012

Det ser ikke ut som om du gjorde noe som helst av det StuioARE skrev. Bytt ut doctypen med <!doctype html>. Hvor er HTML filen din? Gitt at den ligger i samme mappe som CSS filen kan du bare skrive <link id="css_id" href="main.css" rel="stylesheet" type="text/css">. Da blir koden din slik:

<!doctype html>
<html>
<head>
<link id="css_id" href="main.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1>
Dette er en test!!!
</h1>
</body>
</html>

The Jackal · 2. mai 2012

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet"type="text/css" href="test.css "/>
</head>
<body>
<h1>Dette er en test!!!</h1>
</body>
</html>

Dette funker fint i Firefox hos meg i alle fall. Ser ikke ut til at du har gjort om noe som helst som jeg og StudioARE har skrevet.

Endret 2. mai 2012 av The Jackal

Emaxine · 2. mai 2012

Hva med å skrive lokasjonen til CSS filen ut i fra hvor HTML dokumentet ligger hen, relativ linking altså?
&--#60;link rel="stylesheet" href="css/style.css"&--#62;
og skriv heller
&--#60;!doctype html&--#62;
på første linje i HTML filen din?
Nå prøvde jeg å sette det opp slik:
&--#60;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&--#62;

&--#60;html&--#62;
&--#60;head&--#62;
&--#60;link rel="stylesheet"
type="text/css" href="C:\xampp\htdocs\prosjekt\test\test.css "/&--#62;
&--#60;/head&--#62;

&--#60;body&--#62;
&--#60;h1&--#62;
Dette er en test!!!
&--#60;/h1&--#62;
&--#60;/body&--#62;
&--#60;/html&--#62;
Men det var ingen forskjell.

Begynner å irritere meg grønn over dette her!
Du har jo fortsatt ikke satt den til relativ path. Slik (forutsatt at test.css ligger i samme mappe som html filen):

&--#60;link rel="stylesheet"type="text/css" href="test.css "/&--#62;

Er det slik du mener?

&--#60;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&--#62;
&--#60;html&--#62;
&--#60;head&--#62;
&--#60;link rel="stylesheet"type="text/css" href="test.css "/&--#62;
&--#60;/head&--#62;
&--#60;body&--#62;
&--#60;h1&--#62;
Dette er en test!!!
&--#60;/h1&--#62;
&--#60;/body&--#62;
&--#60;/html&--#62;

Trodde ikke det skulle ha noe å si så lenge jeg jobber lokalt på pc`n?

Det hjalp i alle fall ikke. :/

(begge filene ligger i samme mappe ja.)

Endret 2. mai 2012 av Emaxine

[Løst] css fungerer ikke i firefox

Anbefalte innlegg

Lenke til kommentar

Videoannonse

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Populær nå

Hvem er aktive 0 medlemmer