Avatar billede kimmys Nybegynder
29. oktober 2005 - 22:38 Der er 44 kommentarer og
1 løsning

Firefox ødelægger design! Hvorfor?

Jeg har en hjemmeside, som er ved at være færdig, så måtte lige teste den i Firefox! OG den giver problemer!

Iframen til venstre på de 2 sider er hvor I skal kigge..
som I kan se så, ser det ud til at siderne er for lange, men det er og kan ikke være rigtigt, da cellerne er sat op til 100% og det køre fint i Explorer!

Hvad læser Firefox forkert?

http://www.metromusik.dk/index.php?side=5
http://www.metromusik.dk/index.php?side=6

Det ser specielt værst ud på det første link!
Avatar billede trekkies Juniormester
29. oktober 2005 - 22:49 #1
Det er ikke Firefox som laver noget forkert.

Du mangler en doctype på siden, du kan bruge nogle af disse:
http://www.html.dk/artikler/00036/

Vælge den som du vil vælge, f.eks. HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Når at du har sat doctypen ind, så gå ind på denne side:
http://validator.w3.org/ og valider dine sider.
Avatar billede kimmys Nybegynder
29. oktober 2005 - 22:50 #2
okay det prøver jeg! Tak
Avatar billede erikjacobsen Ekspert
29. oktober 2005 - 22:50 #3
Avatar billede trekkies Juniormester
29. oktober 2005 - 22:54 #4
erikjacobsen:
Ja, og det er derfor at mange mennesker tror at det er browserens skyld :)
Avatar billede trekkies Juniormester
29. oktober 2005 - 23:17 #5
kimmys:
Din doctype skal være før html

f.eks.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
o.s.v.
Avatar billede trekkies Juniormester
29. oktober 2005 - 23:20 #6
Jeg kan også se at du har 2 slut body og html, og du har også 2 bodys.

Der må kun være en af hver på hver side.
Avatar billede kimmys Nybegynder
29. oktober 2005 - 23:22 #7
Er den også nu...
Avatar billede kimmys Nybegynder
29. oktober 2005 - 23:24 #8
trekkies:
ja det har jeg da sørme også... må lige rettes
Avatar billede trekkies Juniormester
29. oktober 2005 - 23:27 #9
Når at du bruge javascript skal du også bruge type="text/javascript"
f.eks.
<script type="text/javascript" src="Linkefade.js">

Når at man har billeder skal der være en alt i koden, f.eks.
<img src="billed.filtypen" alt="">

alt er en ting som bliver vist hvis billedet ikke kan vises.

Nogle steder bruger du background, align og andre ting, det er bedst at lave det i css.
Avatar billede kimmys Nybegynder
29. oktober 2005 - 23:42 #10
hvorfor skriver den hele tiden:
"there is no attribute" og så et eller andet?
Avatar billede trekkies Juniormester
29. oktober 2005 - 23:44 #11
"there is no attribute" betyder at der ikke findes noget der hedder f.eks. border, men du kan bruge border i css i stedet for i html koden.
Avatar billede olebole Juniormester
29. oktober 2005 - 23:45 #12
<ole>

trekkies >> Det er lidt uforståeligt, du anbefaler netop én af de DTD'er med hvilken html.dk skriver, _ingen_ browsere overholder standarden  :)

På den anden side set, kan man proppe den oversigt et meget ildelugtende sted hen. Den er - som næsten altid fra den kant - ikke 5 øre værd kiloet!

Folkene bag html.dk ved ganske enkelt ikke en kæft om HTML, CSS, DOM eller JavaScript! Det sørgelige er, at de alligevel insisterer på at fylde uskyldige stakler med vås og vrøvl - hvilket resulterer i oceaner af spørgsmål og vildledende svar her på Eksperten.
Hvis formålet med det site skulle være at få folk til at skrive god kode, burde det lukkes. Det er den eneste måde, sitet kan bidrage i den retning!

kimmys >> en DTD, der sørger for, alle 'de store' browsere overholder standarderne, ser f.eks. sådan ud:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

/mvh
</bole>
Avatar billede trekkies Juniormester
29. oktober 2005 - 23:48 #13
olebole:
Det havde jeg ikke lige set, min fejl.
Avatar billede kimmys Nybegynder
29. oktober 2005 - 23:49 #14
kan man ikke skrive noget i
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

så firefox læser siderne som Explorer?
Avatar billede olebole Juniormester
29. oktober 2005 - 23:51 #15
Nej, den kan du ikke bruge - brug den, jeg skrev i stedet. Bruger du den, du skriver (og trekkies), overholder IE6 ikke CSS-standarden
Avatar billede olebole Juniormester
29. oktober 2005 - 23:53 #16
- og fejlen ligger ikke i FF's måde at tolke koden på. Det er IE, der er forkert på den. Skal siden se anderledes ud, end den gør i FF, er din HTML- CSS-kode forkert  :)
Avatar billede kimmys Nybegynder
30. oktober 2005 - 00:03 #17
Kan lige nu bedst li' den måde IE tolker koden på - for der ser siden ud som jeg gerne vil! men må jo bare kigge lidt på det
Avatar billede olebole Juniormester
30. oktober 2005 - 00:19 #18
- det ser sikkert ud, som du gerne vil have det til i IE, men det ser kun sådan ud, fordi din kode er forkert. Brug en DTD, der gør, at IE overholder CSS og ret derefter din kode til. Så vises den ens i både IE og FF  ;o)
Avatar billede kimmys Nybegynder
30. oktober 2005 - 00:29 #19
Har lige et bonus spørgsmål =)

hvorfor opfatter FF ikke denne CSS kode:

body {
    scrollbar-face-color : #000000;
    scrollbar-shadow-color : #000000;
    scrollbar-highlight-color : #000000;
    scrollbar-3dlight-color : #000000;
    scrollbar-darkshadow-color : #000000;
    scrollbar-track-color : #000000;
    scrollbar-arrow-color : #A91A1A;
}
Avatar billede apo Praktikant
30. oktober 2005 - 00:32 #20
Fordi det ikke er valid kode ;-)
Avatar billede apo Praktikant
30. oktober 2005 - 00:33 #21
kode = CSS.

olebole har sikkert en god forklaring på hvorfor, det ikke kan lade sig gøre at style scroolbars, uden at disable det vigtige CSS.
Avatar billede kimmys Nybegynder
30. oktober 2005 - 00:34 #22
#*§%¤!!! Nå! Hvordan skal den så se ud hvis den skal skal virke hos FF og IE?
Avatar billede apo Praktikant
30. oktober 2005 - 00:36 #23
Du kan ikke style scrollbars uden, at fjerne linket i din DOCTYPE-definition (Hvilket disabler det meste CSS i IE).
Avatar billede kimmys Nybegynder
30. oktober 2005 - 00:38 #24
hmmm.. træls... =(
Avatar billede apo Praktikant
30. oktober 2005 - 00:39 #25
Så vidt jeg ved, er det med at style scrollbars opfundet af MS, hvilket må være den egentlige forklaring på, at det kun er i IE, det kan lade sig gøre.
Avatar billede kimmys Nybegynder
30. oktober 2005 - 00:42 #26
okay, det er synd at FF ikke understøtter det! For det kan nu engang i mellem give et flottere design!
Avatar billede olebole Juniormester
30. oktober 2005 - 00:42 #27
- rolig nu ... lad os lige besøge virkeligheden et øjeblik  ;o)

Scrollbars kan ikke styles i andet end IE, da scrollbarstyles ikke er en del af CSS-standarden ... og så kan det formodentlig kun bringes til at fungere i IE, da den er integreret i styresystemet.

Desuden virker det ikke i IE, hvis reglerne lægges på body-elementet - og IE samtidig overholder CSS:

html {
    scrollbar-face-color : #000000;
    scrollbar-shadow-color : #000000;
    scrollbar-highlight-color : #000000;
    scrollbar-3dlight-color : #000000;
    scrollbar-darkshadow-color : #000000;
    scrollbar-track-color : #000000;
    scrollbar-arrow-color : #A91A1A;
}

Når en browsere overholder CSS, er det nemlig ikke body-elementet, der scroller (og derfor ikke dér, baren ligger) - men dokument-elementet  ;o)
Avatar billede olebole Juniormester
30. oktober 2005 - 00:44 #28
- og at du skriver koden, som du gør, får mig til at tro, du alligevel skider på den rigtige DTD.
Brug nu en ordentlig DTD ... ellers vil du altid have en sur kamp med at få dine sider til at se ordentlige ud (plus, hvad det giver af andre uheldige bivirkninger)  :)
Avatar billede apo Praktikant
30. oktober 2005 - 00:51 #29
Det vil formentlig heller ikke virke alligevel, når der er mellemrum mellem scrollbar-face-color og :

Som i denne: scrollbar-face-color : #000000;

Eller gælder det kun når CSS ikke er disabled, ole?
Avatar billede kimmys Nybegynder
30. oktober 2005 - 00:54 #30
Så må I gerne smide nogle svar! =)
Avatar billede apo Praktikant
30. oktober 2005 - 01:02 #31
kimmys > Hvis det også er henvendt til mig, siger jeg pænt nej tak (Mit bidrag bestod kun af nogle få rodede indlæg ;-) )
Avatar billede olebole Juniormester
30. oktober 2005 - 01:03 #32
apo >> Det gælder aldrig. Du må gerne have en halv linje mellem selector, kolon og værdi  :)
Avatar billede olebole Juniormester
30. oktober 2005 - 01:04 #33
- og et lille svar herfra  :)
Avatar billede apo Praktikant
30. oktober 2005 - 01:06 #34
ikke forstået. En halv linje?
Avatar billede kimmys Nybegynder
30. oktober 2005 - 01:07 #35
bestemmer du selv apo, hehe jeg er ligeglad, skal ikke selv ha' point ;-)

og måske et svar fra "trekiks" :D
Avatar billede trekkies Juniormester
30. oktober 2005 - 01:08 #36
Nej tak, jeg springer over.
Avatar billede apo Praktikant
30. oktober 2005 - 01:13 #37
ole > Jeg mener ellers at have læst i et af roenvings indlæg, at man ikke må have mellemrum mellem selector og kolon. Men det kan være, at jeg har misforstået noget...
Avatar billede kimmys Nybegynder
30. oktober 2005 - 01:16 #38
jamen så er det bare dig ole der får nogle point! Og brug nu ikke dem alle sammen på noget pjat! =)
Avatar billede olebole Juniormester
30. oktober 2005 - 01:29 #39
apo >> Ja, det gælder ved f.eks:

a:hover {
  /* regler */
}

- dér må ikke være mellemrum. Når nu, du siger det, kan jeg godt huske, Jes havde et indlæg i løbet af den sidste uges tid, hvor han påpegede netop dette.
Til gengæld skrev jeg forkert. der skulle stå:
  "Du må gerne have en halv linje mellem property, kolon og værdi"

- jeg undskylder uforbeholdent, da min første påstand var en ren invitation til misforståelser  :)

kimmy >> Tak for points ... og jeg skal forsøge at spendere dem fornuftigt  ;o)
Avatar billede apo Praktikant
30. oktober 2005 - 01:45 #40
Det er i orden ;-)

Damn, der fik du mig... Property :-/

Jeg kender syntaksen: selector {egenskab:værdi;} - Men hvad er property?

Er det a'et foran kolonet i: a:hover {...}, der er property'en?

Jeg er stadig forvirret. Er vi enige om, at der ikke må være mellemrum mellem egenskab og kolon (Jeg kaldte før egenskab for selector - Hvilket nu gør det rigtig spændende *G*). Altså:

At syntaksen ikke er således: selector {egenskab :værdi;} men således: selector {egenskab: værdi;}

?
Avatar billede olebole Juniormester
30. oktober 2005 - 02:09 #41
property = egenskab  :)

a:hover {
  color: red;
}

'a' er en selector
'hover' er en pseudo-klasse
'color' er en property
'red' er en (property-)værdi

Mellem 'a' og 'hover' må der _ikke_ være andet end et kolon ... ingen mellemrum.
Mellem 'color' og 'red' må der være et kolon - og så mange mellemrum, du har lyst til.

Håber, det hjalp lidt. Ellers spørger du bare igen  ;o)
Avatar billede apo Praktikant
30. oktober 2005 - 02:24 #42
"property = egenskab  :)"

*LOL* Flot, Apo! Hvilket jeg selvfølgelig havde vidst, hvis jeg havde tænkt klart her til aften. Det må være mit stikord til at gå i seng og få noget søvn, inden jeg får rodet mig ud i alt for meget 'ballade' :-D

Nå, men jeg fik da styr på hvad pseudo-klasse er betegnelsen for ;-)

Okay, så syntaksen må altså se således ud (hvis man ellers synes at det ser pænt ud):
selector {egenskab      :      værdi;}

Så fik jeg styr på det :-)
Avatar billede olebole Juniormester
30. oktober 2005 - 02:56 #43
Ja, det er helt korrekt - og man ser jo af og til kodere, der ynder 'søjler' i koden - à la:

selector {
    egenskab    :    værdi;
    egenskab2  :    værdi;
    blabla      :    værdi;
}

- tjahh ... hvis det gør dem lykkelige, agter hverken W3C, jeg eller nogen browser brokke sig  :)

Det ser ud til, du nu har styr på tingene fra A til ZzZzzZZzzzzzzz ... sov godt  ;D
Avatar billede olebole Juniormester
30. oktober 2005 - 02:59 #44
- nå, det blev ikke helt til søjler ... de tre kolon skulle have stået lige over hinanden. Mon ikke, du forstår, hvad jeg mener?  :)
Avatar billede apo Praktikant
30. oktober 2005 - 14:01 #45
Jeg forstår hvad du mener med søjler (Jeg bruger det samme princip til at skabe overskuelighed i mine ASP-koder :-) )

Af en eller anden årsag, kan jeg ikke få mig selv til at gøre det samme i mine CSS-linjer - Det ser ikke 'rigtigt' ud i mine øjne.
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