Søg
Avatar billede learner Praktikant
13. september 2011 - 15:35 Der er 22 kommentarer og
1 løsning

Jeg kan ikke finde fejlen på denne side. Html fejl i IE. Siden vises ikke korrekt

Hej det handler om
http://www.petfoodnord.dk/a9-fodermaerker-liste-med-alle-fodermaerker/

Når siden vises i IE, så er der en html fejl, så den vises ikke korrekt. I Chrome og Firefox vises den fint uden fejl.

Men I i IE, der ser det anderledes ud hvis man kigger nedenunder den 2. liste med mærker.

Jeg har stirret mig blind på det og kan ikke finde en fejl i html.

Håber nogen kan hjælpe

På forhånd tak.
Avatar billede heinzdmx Nybegynder
13. september 2011 - 15:48 #1
Prøv at tage et kig med en validator:

http://validator.w3.org/check?verbose=1&uri=http://www.petfoodnord.dk/a9-fodermaerker-liste-med-alle-fodermaerker/


AF hvad der lige stikker ud omkring dit problem, så har du 2 td'er med samme ID, hvilket der ikke må være, ARTICLES_XSELL, denne kan du lave om til en klasse og så bruge den på den måde
Avatar billede keysersoze Ekspert
13. september 2011 - 15:51 #2
Vil umiddelbart mene at de vigtigste ting at lægge mærke til i forhold til validatoren er, at ikke alle tags startes og afsluttes korrekt.
Avatar billede michael_stim Ekspert
13. september 2011 - 15:53 #3
Plus at den går i quirks tilstand med den doctype.

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

istedet.
Avatar billede learner Praktikant
13. september 2011 - 15:54 #4
vedr:
Vil umiddelbart mene at de vigtigste ting at lægge mærke til i forhold til validatoren er, at ikke alle tags startes og afsluttes korrekt.

Hvor er det for eksempel? For det var den slags fejl jeg havde regnet med. Men kan ikke finde det
Avatar billede keysersoze Ekspert
13. september 2011 - 16:06 #5
Der er så store mængder HTML at det bliver for uoverskueligt at gennemse, så hvis ikke linjenumrene fra validatoren kan pege dig på vej vil mit forslag være at at fjerne alt på siden og så langsomt indsætte det igen for på den måde at se hvor det går galt. Kigger jeg i firefox kunne der måske være et </p> tag for meget inden i den paragraf, der indeholder din nederste produkt-tabel.
Avatar billede learner Praktikant
13. september 2011 - 16:22 #6
ok jeg har forsøgt at rydde lidt op i fejlene nu men det ser stadig ud til den fejler i IE
Avatar billede heinzdmx Nybegynder
13. september 2011 - 17:09 #7
Du har stadig ikke fået ændret det med id til klasse.

--

Ikke direkte relateret:

Det virker ikke så smart at der er 14 relaterede produkter der kører langs siden til højre og venstre, når siden slet ikke er så lang, hvilket jo vil sige at baren i bunden med oplysninger aldrig vil blive set på den side.

Personligt ville jeg nok halvere listen af produkter, samtidigt har du 3 steder med "relaterede produkter": til venstre, til højre og så i midten af bunden af siden, hvilket virker lidt mærkeligt
Avatar billede learner Praktikant
13. september 2011 - 17:14 #8
nu har jeg også ændre id klasse og ryddet mere op, og det driller stadig :o(
Avatar billede heinzdmx Nybegynder
13. september 2011 - 17:19 #9
Hvad er det helt præcist der er problemet?

For umiddelbart kan jeg ikke se noget helt forkert i IE9 (+ kombatibilittets visning) med mindre at du taler om at de 2 lister med relaterede produkter ikke stopper på "linje" på begge sider, hvilket det heller ikke gøre i Chrome v.15
Avatar billede learner Praktikant
13. september 2011 - 17:24 #10
Det er efter liste nr 2. Derunder står der "Hvilket fodermærke skal du så vælge?" i overskriften.
Men det vises ikke i min IE. Vises fint i Firefox og Chrome her ved mig
Avatar billede keysersoze Ekspert
13. september 2011 - 20:03 #11
id vil heller ikke have effekt på visning - "kun" hvis vi skal ind og lede efter elementer fx vha javascript.

Jeg har for point ikke tålmodighed til at lede efter HTML-fejl i så stort et dokument så jeg vil igen foreslå at du piller større blokke af din kode ud, fx hele den nederste liste, og ser om den resterende visning så er korrekt - er den ikke det kan du prøve med en anden blok, er visningen god har du indsnævret fejlen og kan prøve dig frem med mindre dele af blokken. dummy-arbejde, men hvis alternativet er at starte forfra eller kigge over 600 linjers kode igennem er det måske bedste alternativ.
Avatar billede olebole Juniormester
13. september 2011 - 21:10 #12
<ole>

Hvis du overholder disse to grundregler for god webudvikling, er du rigtig godt hjulpet:

1) Test, test og test under udviklingen - ikke bagefter

2) Skriv HTML fra dette århundrede

/mvh
</bole>
Avatar billede learner Praktikant
14. september 2011 - 00:54 #13
Takker jer for indsatsen. Det er dog stadig ikke løst. Har forsøgt at fjerne noget osv...

Jeg lader det lige ligge nogen dage og kigger på det med friske øjne...
Avatar billede vagnk Juniormester
14. september 2011 - 14:10 #14
Jeg ved ikke om det har betydning, men alt skal jo prøves når man har med M$IE at gøre. HTML-Linjen før den tekst hvor det går galt er på 54.401 tegn uden linjeskift. Kunne du ikke sætte en \n ind med jævne mellemrum når du genererer HTML fra php?
Avatar billede olebole Juniormester
14. september 2011 - 23:08 #15
vagnk >> Nej, det er næppe sandsynligt, at det skulle være grunden.

At der er så stor forskel på IE og andre browsere, nærmest skriger i retning af, at #3 har naglet problemet. Under alle omstændigheder giver det ikke mening at bruge en DTD, som notorisk disabler nogle af de vigtigste dele af CSS.

Desuden anvendes bunker af HTML, som har været deprecated siden 1997.

Hertil afslører en syntaks som:

font-family: sans-serif, Verdana, Arial;


- grundlæggende mangel på forståelse af CSS. Ikke at denne syntaks er skyld i fejlen, men kan man skrive dét, kan der stå hvad somhelst i CSS'en. Jeg orker ikke at gå CSS'en efter detaljer - og slet ikke set i lyset af, at koden ikke tillader CSS at virke som forventet.
Avatar billede learner Praktikant
14. september 2011 - 23:14 #16
Hej igen

Så fandt jeg fejlen, men det er en mærkelig fejl.

Jeg har fjernet  align="left" i 2 table.

før:
<table border="0" width="100%" cellspacing="4" cellpadding="2" align="left">

efter:
<table border="0" width="100%" cellspacing="4" cellpadding="2">

og vupti så forsvandt alle problemer

IE er sørme underlig nogen gange.

Mange tak for Jeres bidrag :o)
Avatar billede olebole Juniormester
14. september 2011 - 23:31 #17
Nøøhhhh ... det er egentlig ikke så mærkeligt. Når du bruger align="left", svarer det til en vis grad (men ikke helt) til at floate tabellen mod venstre. Prøv f.eks.:


<table align="left">
<tbody>
    <tr>
        <td>Ole</td>
        <td>Bole</td>
        <td>Bum</td>
    </tr>
</tbody>
</table>
<p>bla</p>

<hr>

<table>
<tbody>
    <tr>
        <td>Ole</td>
        <td>Bole</td>
        <td>Bum</td>
    </tr>
</tbody>
</table>
<p>bla</p>


Problemet er stadig bedaget kode - og alle dine andre uhensigtsmæssigheder eksisterer stadig i din kode
Avatar billede learner Praktikant
15. september 2011 - 11:35 #18
tak for det

jeg har fået det at vide flere gange ole....
jeg orker bare ikke at rette alt det - det tager jo tusind år.
det vigtigste er at det virker så kunden ser det
Avatar billede keysersoze Ekspert
15. september 2011 - 23:27 #19
det var da godt nok lave krav at stille - men sådan er vi jo så forskellige :)
Avatar billede olebole Juniormester
16. september 2011 - 00:15 #20
Intet er så skidt, at det ikke er godt for noget. Al den tid, du skal bruge på vedligeholdelse, holder dig i det mindste væk fra gadehjørnerne  *D
Avatar billede olebole Juniormester
16. september 2011 - 00:16 #21
- de næste 100.000 år!  :o)
Avatar billede learner Praktikant
25. september 2011 - 12:29 #22
jeg vil gerne dele point ud, og lukke denne
smid svar for at få point, tak

Og tak for hjælpen :o)
Avatar billede heinzdmx Nybegynder
25. september 2011 - 12:32 #23
Så smider jeg et svar.
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra PHP kategorien

Titel Indlæg Oprettet Seneste aktivitet
MS Graph vis kalenderaftaler Af dane022 i PHP 0 06/11/202508:43 -
Hente data fra DEVICE via websocket Af nemlig i PHP 6 25/06/202512:37 25/06/202519:17
Login og redirect Af hrole i PHP 3 24/06/202518:52 24/06/202523:37
Batflat CMS Af sabumnim i PHP 0 06/06/202512:37 -
Hvad gør et @ før en funktion Af KurtG i PHP 3 01/06/202513:20 01/06/202518:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 21:03 Forlænge ringetid Af 1Dorte i Apps til Android
17/0117:38 Video ikoner Af Malm i Windows
17/0117:27 Video ikoner Af logbuilders i Windows
16/0110:29 Negativ billeder på samsung Af ALICE i Småopgaver
15/0115:45 HJÆLP - Lopslag, Indeks? Hvad gør jeg! Af Eva i Excel
White papers
Flere white papers »