Avatar billede nh92 Nybegynder
29. januar 2009 - 16:46 Der er 60 kommentarer

IE hjemmeside problem

Hej eksperter.

Jeg har en hjemmeside www.stoltheden.dk, og hele mit layout ligner "lort" i Internet explorer. Men i Mozilla firefox, virker det kanont! Er der nogle af jer der ved hvad jeg kan gøre? Hvis jeg da kan gøre noget? Jeg har læst at det er fordi at IE kører med nogle andre indstilliger, men kan man ikke gøre et eller andet på min side/layout, så det kan se ordentlig ud?

Hilsen Nicolaj.
Avatar billede jakobdo Ekspert
29. januar 2009 - 17:18 #1
Du kunne starte med at lave en valid side.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.stoltheden.dk%2F&charset=(detect+automatically)&doctype=Inline&group=0

Så kan vi kigge på layout, når det er på plads. :o)
Avatar billede nh92 Nybegynder
29. januar 2009 - 17:23 #2
Hvad vil det sige at lave en valid side? Hvad skal jeg så gøre? ;)
Avatar billede jakobdo Ekspert
29. januar 2009 - 17:27 #3
Du skal bare rette de fejl som vises på siden ovenover. :o)
Og om et side er valid, er et spørgsmål om korrekt kode.
På samme måde som sprog, så skal kode også være opbygget korrekt.
Valid vil sige du overholde en standard, for hvordan sider skal opbygges.
Avatar billede nh92 Nybegynder
29. januar 2009 - 17:31 #4
Okay ;) Men der er 113 fejl. Pis. Men jeg skynder mig lige at rette dem.
Avatar billede jakobdo Ekspert
29. januar 2009 - 17:33 #5
Super. :o)
Avatar billede nh92 Nybegynder
29. januar 2009 - 17:37 #6
Men hvordan retter jeg det? Hvad vil den have mig til, når den skriver:

Line 11, Column 74: required attribute "alt" not specified .

…ges/header1.png" width="601" height="143" />

Der er rød streg under det sidste >
Avatar billede dkfire Nybegynder
29. januar 2009 - 17:41 #7
Som der står, så mangler du alt attributten for din img tag. Du kan dog vælge at skrive alt="".
Avatar billede dkfire Nybegynder
29. januar 2009 - 17:44 #8
Og så start med at får en dokument erklæring på din side.
Det kan være noget ala:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Dog er det for xhtml, og hvis man skal følge de råd som bliver givet herinde, så skal du bruge en for html 4 i stedet.
Avatar billede jakobdo Ekspert
29. januar 2009 - 17:48 #9
Uha, kun 111 fejl tilbage. :o)
Avatar billede nh92 Nybegynder
29. januar 2009 - 17:48 #10
Kommer den så til at se sådan ud:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Eller er det forkert? Den kan ikke vise siden, hvis jeg sætter det ind.
Avatar billede nh92 Nybegynder
29. januar 2009 - 17:50 #11
Error  Line 29, Column 10: document type does not allow element "center" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag .

            <center(>)<p><b>Login:</b></p></center><br />

()=Fejlen. Hvad mener den der?

Det skal lige siges jeg aldrig har prøvet det her før, så det er nok også på tide at lære det ;)
Avatar billede zips Juniormester
29. januar 2009 - 18:21 #12
Her er en fuld list med doctype http://www.w3.org/QA/2002/04/valid-dtd-list.html brug denne

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

Denne <?xml version="1.0" encoding="iso-8859-1"?> skal væk, da den ikke har noget at gøre med html.
Avatar billede jakobdo Ekspert
29. januar 2009 - 18:24 #13
Det betyder du ikke må bruge <center> du skal f.eks. bruge:

<div style="text-align:center;">Login</div>

Og din xml ting, skal nok hedde:
<?php
echo '<?xml version="1.0" encoding="iso-8859-1"?>'."\r\n";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Avatar billede nh92 Nybegynder
29. januar 2009 - 18:28 #14
Hvis jeg sætter din ind jakobdo, så kommer der mindre errors men mange flere warnings, som du kan se nu.
Avatar billede andreas13_fam Nybegynder
29. januar 2009 - 18:29 #15
Brug eventuelt "Clean up Markup with HTML Tidy" som _hjælp_ og se så siden nederst i "kortekt form"
Men brug det ikke som noget der gør hele arbejdet, da det er en computer der laver det, og så lære du ikke noget.
Avatar billede zips Juniormester
29. januar 2009 - 19:12 #16
Det er nu nogle meget mærkelige doctyper der er listet op her, en bladning af html og xhtml vil aldrig virke :-)

Da det ikke er xhtml så slet din <?xml version="1.0" encoding="iso-8859-1"?> da den sætter din side i quirksmode.

Derefter indsæt en valid doctype og valider din side.
Avatar billede nh92 Nybegynder
29. januar 2009 - 19:40 #17
Jeg har prøvet at slette den linje,men der kommer stadig rigtig mange warnings, og knap så mange errors.
Avatar billede zips Juniormester
29. januar 2009 - 19:49 #18
Da din side er med html og xhtml tag vil du få fejl lige meget hvilken doctype du vælger, så beslut dig til den du ønsker, den jeg skrev 29/01-2009 18:21:58 er stadig den som er fuld understøttet, vælger du en xhtml doctype er det stadig html siden vil blive vist som :-)
Avatar billede nh92 Nybegynder
29. januar 2009 - 19:50 #19
Jeg har ikke lige helt forstået hvad jeg skal sætte ind, som min doctype? Har prøvet det hele, men der er ikke lige noget der virker, så den ene warning bare går væk?
Avatar billede jakobdo Ekspert
29. januar 2009 - 19:51 #20
Der er ikke en doctype, som vil få alle fejl/warnings til at forsvinde.
men du skal enten vælge html eller xhtml og derfra rette din kode til.
Avatar billede nh92 Nybegynder
29. januar 2009 - 19:55 #21
Men hvordan kan jeg det? Har ikke den store forstand lige netop der?
Avatar billede jakobdo Ekspert
29. januar 2009 - 20:22 #22
Start med at vælg en doctype.
Skal din side være html eller xhtml ?
Avatar billede nh92 Nybegynder
29. januar 2009 - 21:16 #23
Jeg skriver den i PHP, så det ved jeg ikke lige ?
Avatar billede dkfire Nybegynder
29. januar 2009 - 21:24 #24
Men det er stadig html du skal vise siden i!
Avatar billede zips Juniormester
29. januar 2009 - 21:30 #25
Som jeg skrev tidliger har du både html og xhtml tag, så for at hjælpe dig, <br> er html <br /> er xhtml plus mange andre ting.

Den doctype du har nu er en blanding af html og xhtml som aldrig vil virke
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Den burde se sådan her ud
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Indsæt denne som er valid og ret fejl udfra denne doctype.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
Avatar billede nh92 Nybegynder
29. januar 2009 - 21:31 #26
Ja nemlig. Men forstår så ikke lige hvordan min doctype skal se ud?
Avatar billede nh92 Nybegynder
29. januar 2009 - 21:32 #27
Så, nu gik det væk. Brugte denne her:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
Avatar billede nh92 Nybegynder
29. januar 2009 - 21:33 #28
Er den ikke fin nok?
Avatar billede jakobdo Ekspert
29. januar 2009 - 21:36 #29
Jo, den er fin fin.
Så skal du bare have fjernet alle din fejl.
Avatar billede nh92 Nybegynder
29. januar 2009 - 21:42 #30
"Bare" ;)

Men jeg ved jo ikke hvordan jeg skal gøre? Hvad må jeg, og hvad må jeg ikke når jeg har skrevet denne doctype ind? Må jeg ikke lave <b>, <center>, <br>, <k> osv.?
Avatar billede jakobdo Ekspert
29. januar 2009 - 21:44 #31
Du må gerne lave <br>, eller det må du så ikke, den skal rettes til <br />
Og <hr> skal rettes til <hr />
<img ...> skal rettes til:
<img ... />
osv...
Ligeledes skal alt indhold i en <p> eller <div>
Og så skal tingene styles/styres via css, evt. inline, men bedst via en ekstern css fil.
Avatar billede nh92 Nybegynder
29. januar 2009 - 21:48 #32
Har en ekstern css fil.

Hvordan laver jeg fed og større skrift? Ligesom jeg plejer i <b> og <h1> ?
Avatar billede nh92 Nybegynder
29. januar 2009 - 21:54 #33
Kun 58 errors tilbage. Det går fremad, men mangler stadig lidt info til det jeg nævnte ovenover ;)
Avatar billede jakobdo Ekspert
29. januar 2009 - 22:01 #34
Du må stadig gerne bruge <h1>
<b> kan du f.eks. lave med:

<span style="font-weight:bold;">FED</span>
eller
<span class="fed_tekst">FED</span>

og så i din css fil:
span.fed_tekst {
font-weight: bold;
}
Avatar billede nh92 Nybegynder
29. januar 2009 - 22:22 #35
Super det virker. Den siger stadig error når jeg skriver <h3>Hej</h3> eller <h1>??

Hvordan laver du kursiv med den <span>?
Avatar billede jakobdo Ekspert
30. januar 2009 - 11:40 #36
kursiv er: font-style: italic; mener jeg. :o)
Avatar billede nh92 Nybegynder
30. januar 2009 - 13:45 #37
Så virker den der <span> form ikke. Tjekker lige igen om lidt når jeg kommer hjem igen.
Avatar billede olebole Juniormester
30. januar 2009 - 14:05 #38
<ole>

Der er intet i vejen for at skrive <h3>Hej</h3>. Det kan ikke udløse en fejl.

Da h3 jo er et block-element, kan det dog ikke ligge inde i et inline-element - som f.eks. et span. Dette er derfor _absolut_ ulovligt:
    <span><h3>Hej</h3></span>

/mvh
</bole>
Avatar billede nh92 Nybegynder
30. januar 2009 - 14:35 #39
Vil det sige at <h3> skal være uden om <span>? Så det kommer til at om omvendt ud?
Avatar billede olebole Juniormester
30. januar 2009 - 14:36 #40
Yups ... så får du ingen fejl. Dette er hel valid kode:
    <h3><span>blabla</span></h3>
Avatar billede nh92 Nybegynder
30. januar 2009 - 14:47 #41
Super. Så kan jeg da rette lidt flere fejl.

Men hvorfor er dette en fejl:
<div style="text-align:center;">Login:</div><br />
Avatar billede nh92 Nybegynder
30. januar 2009 - 14:51 #42
Error  Line 49, Column 3: document type does not allow element "h3" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag.

<h3(>)<span>Test</span></h3>

()= Fejl. Hvorfor fejl her?
Avatar billede olebole Juniormester
30. januar 2009 - 15:41 #43
Et p-element kan ikke indeholde block-elementer, bortset fra p-elementer. Dvs, at et p-element godt kan indeholde andre p-elementer, men ikke f.eks. div- eller h*-elementer
Avatar billede olebole Juniormester
30. januar 2009 - 15:43 #44
- og egentlig er det ganske logisk. Et p-element skaber en paragraf - mens et h3-element skaber en overskrift. En overskrift bør naturligvis stå over paragraffen - ikke inde i den  ;o)
Avatar billede nh92 Nybegynder
30. januar 2009 - 15:49 #45
Er det fordi at jeg har en <p class> at jeg ikke kan skrive <h3> nede ved min overskrift? Hvad skal jeg så gøre for at få <h1> og <center> ??

<p class="cont2 news">         
        <h1><center>Trænerens ord</center></h1><br />
        <?
$result = mysql_query("select * from traener order by ID DESC");
while($row = mysql_fetch_array($result)) {
?>

<h3><?=$row[overskrift]?></h3>
Avatar billede nh92 Nybegynder
31. januar 2009 - 10:49 #46
Er der nogle der kan hjælpe mig, så jeg kan komme af med alle mine errors? :)
Avatar billede keysersoze Guru
31. januar 2009 - 10:59 #47
den eneste måde du kan løse problemet i ovenstående linie er at flytte h1 uden for din p - og det har ikke noget med din class at gøre. du bør benytte css i stedet for <center>.
Avatar billede nh92 Nybegynder
31. januar 2009 - 11:13 #48
Men er det her css:

<div style="text-align:center;">Login</div> ?
Avatar billede keysersoze Guru
31. januar 2009 - 11:41 #49
ja
Avatar billede nh92 Nybegynder
31. januar 2009 - 11:51 #50
Nu har jeg lavet en centrering af min tekst igennem mit style.css sådan her:

Style.css =
.center {text-align:center;}

Index.php =

<div class "center">Login:</div>

Men nu kommer der bare flere fejl. Som f.eks. denne her:

    <div class (")center">Login:</div><br />

Have you forgotten the "equal" sign marking the separation between the attribute and its declared value? Typical syntax is attribute="value".

(")= Fejlen. Hvorfor er det nu en fejl?
Avatar billede jakobdo Ekspert
31. januar 2009 - 12:17 #51
Du skal lave:
<div class="center">Login:</div>
Avatar billede jakobdo Ekspert
31. januar 2009 - 12:17 #52
Som det jo netop står i fejlen:

Have you forgotten the "equal" sign marking the separation between the attribute and its declared value? Typical syntax is attribute="value".
Avatar billede nh92 Nybegynder
31. januar 2009 - 16:03 #53
Tak skal du have igen igen. Og undskyld jeg spørger så meget, men er ny på det her område :)

Men nu siger den denne fejl:

            <div class="center"(>)Login:</div><br />


The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

(>)=fejlen. Og dem er der mange af nedad listen.
Avatar billede keysersoze Guru
31. januar 2009 - 16:55 #54
fejlen har ikke umiddelbart noget med den specifikke linie at gøre - men brugen eller rettere sagt placeringen af den. Du må ikke lægge et block-element (fx div) ind i et inline-element (fx span).
Avatar billede nh92 Nybegynder
31. januar 2009 - 16:58 #55
Okay. Jeg ved godt jeg ikke lærer noget, men jeg tænkte på om der er en der gider rette min index og css fil. Er ved at give op. Men så kan jeg jo kigge på rettelserne bagefter, og lære lidt. Er det at springe over hvor gærdet er lavest, eller er der en der har lyst til det?
Avatar billede nh92 Nybegynder
31. januar 2009 - 17:04 #56
Eller nogen der har msn, som har lyst og tid til at hjælpe mig, så det går lidt hurtigere. Er ved at gå ud af mit gode skind. Fordi jeg vil så gerne lave mere på siden, men jo ikke før at forsiden er helt perfekt. Hvis i forstår. (:
Avatar billede nh92 Nybegynder
31. januar 2009 - 18:05 #57
Eller bare en der kan se mine fejl, også skrive løsningerne her? (:
Avatar billede zips Juniormester
31. januar 2009 - 18:15 #58
Hvad er dine krav udover at den skal være valid?

Handler det kun om at gøre siden valid vil jeg godt gøre det hvis jeg får dine filer.
web(snabela)cmsimple.ws
Avatar billede nh92 Nybegynder
31. januar 2009 - 18:24 #59
Har sendt dem champ. Og tusinde tak fordi du gider! Det er jeg virkelig taknemmelig for.
Avatar billede keysersoze Guru
09. april 2009 - 00:59 #60
lukketid?
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