Avatar billede FIT-ETAR Nybegynder
29. december 2009 - 09:43 Der er 45 kommentarer og
1 løsning

Hjemmeside vises anderledes i MF end i IE.

Jeg har en hjemmeside, problemet ved den er at den vises anderledes i MF, IE, GC, Opera, Safari og omvendt...

Det er lidt underligt synes jeg..

Emil
Avatar billede keysersoze Guru
29. december 2009 - 10:49 #1
uden et link er det svært at komme med noget præcist - men tag et kig på denne artikel; http://web-dev.dk/post/2009/06/DOCTYPE-og-valid-kode---ens-udseende-i-Internet-Explorer-og-FireFox.aspx
Avatar billede FIT-ETAR Nybegynder
30. december 2009 - 20:55 #2
Okay, du kan lige få linket her: http://www.fit-etar.dk/login.php

Det ser anderledes ud om man bruger IE, MF, GC eller Safari..
Avatar billede keysersoze Guru
30. december 2009 - 21:08 #3
Det er - med al respekt - heller ikke kode er specielt velskrevet, og helt som min oprindelige mistanke og som beskrevet i linket er netop koden problemet. Der er ingen DOCTYPE og koden er invalid; http://validator.w3.org/check?uri=http%3A%2F%2Fwww.fit-etar.dk%2Flogin.php&charset=%28detect+automatically%29&doctype=Inline&group=0

Når der er rettet op på de ting giver det mening at finde ud af hvorfor der er forskelle.
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 15:31 #4
Okay, men altså hvordan skal jeg lave om på det?

Den der validator viser jo ikke hvor fejlene er?
Avatar billede keysersoze Guru
01. januar 2010 - 15:44 #5
Validatoren viser samtlige fejl og fortæller hvad der er galt samt i flere tilfælde hvordan det kan løses. Hvis du ikke forstår nogle af punkterne så copy/paste dem herind og lad os kigge på det.

DOCTYPE er lidt mere tricky da jeg ikke kan gennemskue hvad du forsøger at arbejde ud fra - men det bør nok være HTML4.01 Strict.
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 16:39 #6
Okay, lad os starte nemt. Hvad er der galt med <html>?
Avatar billede keysersoze Guru
01. januar 2010 - 16:47 #7
Du mangler DOCTYPE.
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 16:56 #8
Okay, du skal altså have tak for du gider hjælpe mig :)

Men altså skal jeg skrive:

<!DOCTYPE HTML SYSTEM>
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 17:01 #9
<link rel="stylesheet" type="text/css" href="login.css" />

Hvad er der galt med det?
Avatar billede keysersoze Guru
01. januar 2010 - 17:09 #10
nej - du skal finde en rigtig doctype. Du kan læse mere om doctypes på det første link jeg gav.

Dette kunne fx være løsningen;

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

men dette kunne også

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Hvad du skal vælge afhænger som sagt af hvad du programmerer. Jeg ville foretrække den første.

omkring henvisningen til css så læs hvad der står lige nedenunder fejlen (som med alle fejl). Der står, at hvis du vælger html og ikke xhtml skal du ikke afslutte tags med /.
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 17:16 #11
Okay, så jeg skal ikke slutte med /> ?
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 17:19 #12
Skal jeg skrive det hele: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Eller bare <!DOCTYPE html PUBLIC " -//W3C//DTD HTML 4.01//EN"
Avatar billede keysersoze Guru
01. januar 2010 - 17:51 #13
om du skal afslutte med /> eller bare > afhænger som sagt af om du laver XHTML eller HTML.

Du skal skrive en valid doctype - og der er link til valide doctypes på min første henvisning. som nævnt et par gange nu ville jeg vælge den første du skriver.
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 17:52 #14
Okay, jeg skriver html.

Men altså kan du ikke skrive det som ville være bedst for mig?
Avatar billede keysersoze Guru
01. januar 2010 - 17:58 #15
som allerede nævnt flere gange - strict html4;

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 17:59 #16
Okay.

Så:

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

<html>

<head>

osv..
Avatar billede keysersoze Guru
01. januar 2010 - 18:02 #17
ja...
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 18:02 #18
Okay, tak :D
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 18:09 #19
Det er som om at den ikke kan forstå jeg bruger HTML. Den skriver mest hvordan jeg kan skrive det i XHTML
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 18:26 #20
De fleste løsninger er at jeg skal skrive XHTML og ikke HTML eksempel:

<img src="homeserver.bmp" href="login.html" alt="HOMESERVER" style="position:abs

&#9993;

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.
Avatar billede keysersoze Guru
01. januar 2010 - 18:36 #21
så læser du ikke hvad der står - den fejlbeskrivelse du skriver forklarer både noget generelt og noget specifikt for xhtml.
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 18:37 #22
Nu har jeg prøvet <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">

Men nu virker <head> ikke?
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 18:59 #23
Okay, nu er jeg kommet videre. Jeg har været lidt dum, jeg skal bare prøve mig frem. Men nu er jeg altså virkelig kommet til noget jeg ikke fatter..

Line 39, Column 6: required attribute "action" not specified

<form>Username: <input type="text" size="30" /></form>

&#9993;

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
Avatar billede keysersoze Guru
01. januar 2010 - 19:00 #24
head er gyldig i både html og xhtml - så du har sikkert en fejl før det, og forklaringen er højst sandsynligt at finde i forklaringen lige under fejlen.
Avatar billede keysersoze Guru
01. januar 2010 - 19:04 #25
Fejlen - og løsningen - står på den første linje; attributten "action" skal angives i et form-tag og du mangler netop action.
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 19:20 #26
Okay, men hvad for en "action" skal jeg bruge?
Avatar billede keysersoze Guru
01. januar 2010 - 19:23 #27
det skal jeg ikke kunne sige - jeg ved ikke hvad action din form skal tage, det er vist kun dig der ved det.
Avatar billede keysersoze Guru
01. januar 2010 - 19:25 #28
Jeg ved ikke hvad du er i gang med at lave - men mange af de spørgsmål du stiller er helt utrolig elementere og det virker også som om du langt fra har styr på hvad doctype egentlig er. Du vil kunne spare oceaner af tid hvis du afsatte noget tid til at lære lidt om (X)HTML inden du gik i gang - jeg kan trods alt heller ikke blive ved med at skrive her på eksperten.
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 19:25 #29
Ja, jeg ved godt.

Jeg skal nok lade vær med at spørge om mere...
Avatar billede keysersoze Guru
01. januar 2010 - 20:05 #30
du må gerne spørge - men mange af spørgsmålene indikerer tydeligt at den første artikel ikke er læst grundigt nok og at der mangler meget lidt grundlæggende viden om hvad html er. kommer det på plads kan du spare en masse tid.
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 20:09 #31
Sådan så er det klaret. Det eneste som er tilbage er 3 warnings, men man ser stadig siden anderledes fra MF til IE.

#

No Character Encoding Found! Falling back to UTF-8.

None of the standards sources gave any information on the character encoding labeling for this document. Without encoding information it is impossible to reliably validate the document. As a fallback solution, the "UTF-8" encoding was used to read the content and attempt to perform the validation, but this is likely to fail for all non-trivial documents.

Read the FAQ entry on character encoding for more details and pointers on how to fix this problem with your document.
#

Warning Mismatch between Public and System identifiers in the DOCTYPE declaration

This document uses an inconsistent DOCTYPE declaration. The Public Identifier -//W3C//DTD XHTML 1.0 Transitional//EN declares the XHTML 1.0 Transitional document type, but the associated System Identifier DTD/xhtml1-transitional.dtd does not match this document type.

The recommended System Identifier for XHTML 1.0 Transitional is http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd.

The safest way to use a correct DOCTYPE declaration is to copy and paste one from the recommended list and avoid editing that part of your markup by hand.
#

Info No Character encoding declared at document level

No character encoding information was found within the document, either in an HTML meta element or an XML declaration. It is often recommended to declare the character encoding in the document itself, especially if there is a chance that the document will be read from or saved to disk, CD, etc.

See this tutorial on character encoding for techniques and explanations.
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 20:43 #33
Det der også er lidt underligt er at der står "This document was Tentatively checked as XHTML 1.0 Transitional"
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 21:38 #34
Nu spørger jeg måske lidt "uvidende" igen. Men altså når jeg bruger:

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

i stedet for:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> (XHTML)

Så skriver den at det er forkert.
Avatar billede keysersoze Guru
01. januar 2010 - 22:05 #35
hvad er forkert
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 22:19 #36
Det er det jeg ikke ved, men du kan lige få linket:

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.fit-etar.dk%2Flogin.php

Det skulle jo gerne være html og ikke xhtml.

Men der er stadig forskelle på de forskellige browsere.
Avatar billede keysersoze Guru
01. januar 2010 - 22:33 #37
du benytter stadig xhtml så jeg kan ikke se hvad fejlene i forhold til html er. men da html og xhtml er 2 forskellige ting kan du ikke forvente bare at skifte doctype og så er siden fejlfri.

hos mig ser siden relativt meget ens ud i FF og IE8 - men som nævnt er valid kode ingen garanti for at der ikke er forskelle, det er "kun" en stor hjælp på vejen. Det sidste stykke af vejen kræver solid kode og erfaringer - og koden er langt fra den bedste jeg har set og i mine øjne, selvom den er valid, ville den have bedst af at blive skrevet helt om, men det er desværre ikke en opgave jeg kan påtage mig.
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 22:39 #38
Okay, men jeg har læst lidt hvad der står.

Der står bl.a. No Character Encoding Found! Falling back to UTF-8.

Det kan være en "fare" står der.

Og så også dette: No character encoding information was found within the document, either in an HTML meta element or an XML declaration. It is often recommended to declare the character encoding in the document itself, especially if there is a chance that the document will be read from or saved to disk, CD, etc.

Hvis man så går videre står der at man skal putte <meta http-equiv="Content-type" content="text/html;charset=UTF-8" /> ind i "head" og så vil det virke..?
Avatar billede keysersoze Guru
01. januar 2010 - 22:45 #39
det er korrekt at den meta vil være rigtig god at have - du skal dog være opmærksom på at eksemplet viser UTF-8 hvor du kan køre med et andet tegnsæt, fx ISO-8859-1.

Tegnsæt har dog ikke noget med tolkningen af koden at gøre, kun tegnsæt, så det vil ikke gøre en forskel i visningen.
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 22:45 #40
Okay. Du skal altså have tak for den hjælp du giver.
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 22:49 #41
Men kan du ikke se at i MF der står teksten midt på billedet næsten, og i IE8 står teksten i højre side.

http://www.fit-etar.dk/login.php
Avatar billede keysersoze Guru
01. januar 2010 - 22:59 #42
MF?

Hos mig hopper og danser elementerne rundt alt efter opløsning/vindues-størrelse - det problem er nok det værste.
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 23:09 #43
okay, det er da lidt underligt. Der burde ikke være forskelle på om jeg ser det, eller du ser det?
Avatar billede FIT-ETAR Nybegynder
01. januar 2010 - 23:13 #44
Ligger du ikke bare et svar? Så får jeg hjælp af en ven, en af de næste dage. Tak fordi du gade hjælpe :)
Avatar billede keysersoze Guru
01. januar 2010 - 23:38 #45
jeg kan se en masse "fejl" hvis jeg resizer mit vindue - men ikke kæmpe forskelle browserne imellem omend der er lidt, dog ikke mere end hvad man kan forvente med manglende erfaringer inden for html og css (og som sagt vil jeg mene det skal kodes om igen medmindre det er et for-sjov projekt).

men i hvert fald et svar her - og husk, at kode HTML er et fag på lige fod med at være slagter, murer og skiløber; alle kan nok lidt men uden træning kommer man ingen vegne.
Avatar billede FIT-ETAR Nybegynder
02. januar 2010 - 10:17 #46
Okay, men det var også et lille for sjov projekt, men altså jeg vil bruge den validator på mine sider fremover :)
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