Avatar billede herberth Juniormester
15. juli 2005 - 19:14 Der er 13 kommentarer og
1 løsning

De forskellige browsere

Hej
Jeg har lidt udfordringer med min hjemmeside, der vises meget forskelligt på forskellige browsere - På Safari + Firefox er det nogenlunde - dog er der en stor afstand i toppen som jeg ganske simpelthen ikke kan få væk.

På Explorer forskubbes de to øverste 50% vinduer - således at teksten i det højre ombrydes. Er der nogen der kan fortælle hvad man gør?

Jeg mener hvis den ser flot ud i en browser - kommer den til at se latterlig ud i en anden - skal man bare leve med det eller?

Ps Sitet er www.NetSpirit.dk
Avatar billede apo Praktikant
15. juli 2005 - 19:23 #1
Nej. Man skal _ikke_ bare leve med, at siderne ser forskellige ud fra browser til browser... Men du skriver heller ikke valid HTML!

Du mangler bl.a., at indsætte doctype før <html> ;-)

Se www.w3.org for mere info om strukturen i et HTML-dokument:
http://www.w3.org/TR/REC-html40/struct/global.html

Apo
Avatar billede herberth Juniormester
15. juli 2005 - 19:27 #2
Okay - Så svaret på hvordan jeg fjerner afstanden i toppen er altså hvad?
Avatar billede jokkejensen Novice
15. juli 2005 - 19:29 #3
ordentlig html :)
Avatar billede herberth Juniormester
15. juli 2005 - 19:30 #4
Til apo - jeg arbejder hovedsagelig i CMS systemet - det som ligger bagved roder jeg ikke så gerne med - så hvis fejlen ligger der skal jeg have fat på dem som har lavet det - Jeg forstår det sådan at det ligger bagved - er det sådan?
Avatar billede apo Praktikant
15. juli 2005 - 19:31 #5
Du har ikke selv lavet siderne, men har betalt for det?
Avatar billede apo Praktikant
15. juli 2005 - 19:33 #6
Jeg er ikke med på hvilken tekst du mener, der ombrydes. Prøv at give et eksempel på teksten...
Avatar billede herberth Juniormester
15. juli 2005 - 19:39 #7
Ja jeg har betalt for at få opbygget systemet
Den tekst som ombrydes i min udgave af IE er f.eks. ude til højre under "Populære steder på NetSpirit" - her ombrydes 7. Enneagram- Quick test til

Enneagram-
Quick test

Og så er der den her afstand i toppen som jeg synes er dum. Har prøvet med lidt forskelligt - f.eks padding-top -50px men lige meget hvad jeg gør så er afstanden på cirka 8 millimeter på skærmen der stadig.

Hvis jeg kan lave det selv vil jeg gerne - men at komme bagom i systemet - ja det kan jeg ikke finde ud af - Jeg kan finde ud af det meste almindelige html kode, men så heller ikke mere.
Avatar billede apo Praktikant
15. juli 2005 - 19:44 #8
Ingen ombrydning af "7. Enneagram- Quick test" hos mig :-)

Hos mig er der heller ingen afstand i toppen af siden (Hverken i IE eller FF). Hvis du mener afstanden mellem topmenuen og den tofløjede tekst nedenunder (Den med bl.a. "populære steder på NetSpirit"), er der en forskel på omkring 15-20 px i henholdsvis IE og FF.

Har du også betalt for HTML'en eller har du selv lavet den?
Avatar billede herberth Juniormester
15. juli 2005 - 19:47 #9
Okay - underligt - men fint

Kan være fordi jeg lige nu sidder på en Mac - måske?
Jeg ville blot gerne have afstanden ned på 5 px og det irretere migt at jeg ikke selv kan rette den til - for som jeg opgiver i html koden - som jeg selv har lavet - skal der jo ikke være nogen afstand - faktisk skriver jeg jo at der skal være minus 50px!
Avatar billede apo Praktikant
15. juli 2005 - 20:20 #10
Det kan godt skyldes at du sidder på en Mac, men det skyldes nok nærmere, at du _ikke_ skriver valid HTML... Så vidt jeg ved bør Mac ikke være et problem hvis HTML'en er valid.

1. Du har undladt at angive en doctype... (Vigtigt):

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

... i toppen af dine dokumenter. Doctypen fortæller browserne at koden skal læses som HTML (At koden ER HTML). Du kan opleve mange 'sjove' forskelle i de enkelte browsere, hvis du udelader denne, da browserne vil fortolke koden forskelligt.

2. Dernæst skriver du ikke valid HTML. bl.a. laver du mange af de her:
class=indexheader (Du skal huske at skrive således: class="indexheader" før det kan kaldes for valid kode). Dernæst skriver du <br> således: <br />, hvilket viser at du forsøger at skrive XHTML - Men du angiver ingen doctype? Du skal enten skrive HTML eller XHTML - Ikke begge dele samtidig.

Hvis du vil skrive XHTML, bør du læse disse artikler af olebole, inden du kaster dig ud i det (XHTML kan endnu ikke fortolkes korrekt af de nutidige browsere. Derfor er det bedst at kode i HTML 4.01 indtil videre):
http://www.eksperten.dk/artikler/537
http://www.eksperten.dk/artikler/538

Før din kode kan blive valid skal du have rette alle de fejl der findes i din HTML (For mange til at jeg kan nævne dem her). Igen kan jeg henvise til følgende link:
http://www.w3.org/TR/REC-html40/struct/global.html og til www.w3c.org generelt.

Til begyndere kan www.w3schools.com være mere overkommelig, da W3C.org er ret omfattende.

Jeg håber ikke at det tager modet fra dig. Lige nu virker det sikkert uoverskueligt, men når først du kommer i gang med at lære valid HTML, er det ikke så svært igen; Jeg har, for kun få måneder siden, selv været der hvor du er nu :-)

Apo
Avatar billede herberth Juniormester
16. juli 2005 - 14:34 #11
Okay - Det var da et grundigt og konstruktivt svar  - Tak for det
Og ja jeg kaster mig ud i at få rette de her fejl til - det er jo bare at starte fra en ende af! - Smid lige et svar så du kan få lidt point.
Herb.
Avatar billede apo Praktikant
16. juli 2005 - 14:55 #12
Så får du et svar :-)

Det bliver faktisk en del sjovere at lave et website, når man skriver valid HTML (Det giver én flere muligheder). Samtidig skaber det en vis tilfredshed, at den HTML man skriver er valid og vil blive vist nogenlunde ens i alle browsere.

Du kan jo altid stille spørgsmål her på E, når du bliver i tvivl om noget :-)

Apo
Avatar billede apo Praktikant
16. juli 2005 - 14:55 #13
Det skulle have været et svar ;-)
Avatar billede apo Praktikant
17. juli 2005 - 16:26 #14
Tak for points :-)

Apo
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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