Hej,
Jag har nyss satt ihop en mycket simpel hemsida. Och testade den i webbläsare som Opera mini, Firefox, Internet explorer 7.0... men sedan så skulle jag testa sidan i internet explorers äldre versioner och då fungerar inte hemsidan riktigt som den ska. Bilder markeras tex bland annat.
Någon här som vet vad problemet kan bero på? Och vad man kan göra åt saken, måste ha klar hemsidan till ett skolprojekt, enligt betygskriterierna måste elevens hemsida fungera i samtliga webbläsare.

Väldigt tacksam för hjälp!

Vad menar du med att bilder markeras? Validerar din sida?

Om du berättar alla saker som inte fungerar så går det att reda ut vad som är fel.

Okej här har ni sidan, kolla först den i explorer 7 och firefox...så fungerar den utan problem. Men testa sedan i äldre versioner så kommer ni att se problemen.
Dock är sidan långt ifrån klar, men vill ändå reda ut det.

Länk: http://www.educ.vannas.se/~joakim.nygren

Det där med validering har jag ingen större koll på riktigt. Kan du berätta hur det fungera, den fick iallafall 4errors.

http://validator.w3.org/check?uri=http%3A%...=Inline&group=0

Där är fyra fel som behöver åtgärdas, se om det är dem som ställer till det först.

Jag vet inte riktigt hur jag skall åtgärda problemet. Det står ju längre ner vilka problemen kan vara, kollar igenom coden men hittar inget av det. Och sedan vet jag inte riktigt var man skall leta?
Kan nämnas att jag använder dreamweaver, kan det ändå bli fel i kodningen ändå?

PNG bilder är ingen höjdare i IE...

fel

http://www.twinhelix.com/css/iepngfix/

Där har du ett helt underbart sätt att lösa PNG problemet.
Tänk dock på att länkarna inte kommer fungera om du har en png som bakgrund och positionering på elementet.

Så länge man använder "Microsoft.AlphaImageLoader" så finns det ingen lösning på det problemet. Det går ju att komma runt på olika sätt men inget enkelt, finns en hel del tips i forumet på siten ovan.

Lycka till.

Edit*
Stavfel

Problemet att spara dem i GIF gör ju att effekterna inte fungera som dem ska :/ Hur ska man då lösa det? Ska kolla igenom det Prhedator.

vad gäller dina errors så ska du lägga till ett attribut i din html-tagg:

xmlns="http://www.w3.org/1999/xhtml

sedan finns det en </div> i slutet av ditt dokument som inte borde finnas där.
jag gissar att den orsakar efterföljande problem också.

edit:
hittade också en mindre grej med din copyright-länk, du måste skriva http:// framför www annars tror webbläsaren att länkmålet finns i en under mapp med namnet www.........

Okej ska kolla upp det crazzy! Men det kommer väl inte att hjälpa mig med PNG bilderna? Fått tips om att jag måste använda mig av såkallade "hack" för att få PNG bilderna att fungera i äldre verisoner.
Enligt betygskriterierna som jag sa, så måste hemsidan fungera felfritt i alla webbläsare, är det möjligt med denna hemsida? Nu när jag använder så många "effekter"?
Annars tycker jag det är märkligt, om man aldrig kan använda de effekterna i ps.
Vad innebär det egentligen med att använda ett "hack"? Var sätts den in? I css koden? Html koden? Någon som kan besvara frågorn, har själv ingen aning om vad man menar med det....

Har hört att det kallas, PNG fix är jag på rätt spår då? Någon som vet hur det fungerar. Kommer PNG fix att hjälpa mig med mitt problem eller?

Nyrre: Om du menar hacket för att få IE5.5 och IE6 att visa transparenta PNG-filer som transparenta så är det precis det du kan lösa med "PNG fix".

Du fixar enklast PNG bilderna i IE 6 och under genom att skapa en separat css fil.

Jag antar att du redan använder css för att styra din nuvarande layout, om du inte gör det så bör du det. För om du har en bra handledare/lärare så kommer han eller hon antagligen kolla på hur du har "kodat" sidan.

Det enklaste är som sagt att skapa en separat css fil där du lägger alla dina hack för IE, link taggen placerar du sedan i en conditional comment för IE 6 och under som gör att andra browsers ignorerar den.

Om du inte vet vad conditional comments är kan du kika här:
http://www.quirksmode.org/css/condcom.html

För AlphaImageLoader ("PNG fix") kan du kolla här:
http://msdn2.microsoft.com/en-us/library/ms532969.aspx

Och om du använder PNG-bilder i html koden finns en automatisk "PNG fix" i JS här:
http://homepage.ntlworld.com/bobosola/pnghowto.htm

Tack för den Mr lundis! Men jag laddade ner scriptet som sas, la den i samma map som hemsidan låg i och alla bilder. La in denna kod under Head: <!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

Men när jag sedan sparar hemsidan som vanligt och ska kika på den i IE 6 så ser jag ingen skillnad? Vad har jag gjort fel? Enligt intstruktionerna så stämmer det.
Någon här som vet? Mr lundis vet du kanske?

Kör du flera versioner samtidigt av IE på datorn?
Om du gör det kommer inte conditional comments att funka i de versioner av IE som du installerat själv. Detta kan man visserligen lösa med lite pill i registret, det är dock inget jag rekommenderar. Då är det lättare att ta bort kommentarerna och prova utan dem för att se om det funkar.

Du kan prova med att ta bort punkten efter sjuan också, jag vet inte om den spelar in.

Nejdå, har avinstallerat den nyare versionan av IE för att kunna se i IE6. Men jag har gjort enligt instruktionerna som är: Sätt in denna kod inom Head taggarna:<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
sedan ladda ner .js filen och lägger in den tillsammans med hemsidan och bilderna, är det något annat man måste göra? Ändra bilderna till GIF eller kan man fortfarande ha dem i PNG? Jag förstår inte vad för fel jag gör, eftersom det endast är 3steg man behöver gå igenom. Men ändå så får jag inte det att fungera.

Prova att bara inkludera skrkipet en gång, utan att ta med några conditional comments för att se om det fungerar, om det gör det så beror felet på att det antingen är fel i registret efter avinstallationen eller på att det är fel i kommentaren eller koden. Bilderna ska fortfarande vara i PNG.

Om det inte fungerar utan kommentarer kan du laddar upp sidan igen, inklusive js filen, så att jag eventuellt kan gå in och kolla vad som är fel.

Nu förstår jag inte riktigt hur du menar, är totalt värdelös på detta :P Men enligt de tre steg jag har gjort så borde det fungera.
Men du får gärna förklara om det om du orkar hehe.

mr_lundis: vad jag har förstått det så fungerar inte länkar i IE6 med AlphaImageLoader och position:absolute; som han har på alla element.

Har du någon annan information så bifoga den gärna.

/F

EDIT*

Fick upp nåt MAIL ERROR ? Sen vart et dubbelpost, sorry :/

Byt ut: mot: och prova igen.

Jag använder ytterst sällan absolut positionerade element så jag har faktiskt aldrig stött på det problem du nämnde. Jag gjorde dock en snabb sökning på ämnet och det kan hjälpa om man byter sizingMethod till crop.

Det har ordnat sig nu mr_lundis, men tack för att du tog din tid och hjälpte mig! =) Dock har nya problem uppstått.
Kolla tex under Foto:

http://www.educ.vannas.se/~joakim.nygren/foto.html .... i både IE6 och IE7 så ser ni skillnaden, ingen effekt när man
lägger musen över bilderna i IE6.. vad beror det på?
Finns även lite andra småbuggar. Vad tror du lundis? Himla vad IE6 har varit ett stort problem för mig :unsure:

Visst är det mycket som krånglar i IE, men det får man leva med som webbutvecklare/designer. Jag ser för övrigt att du bytt design, den förra, tyckte jag i alla fall, va snyggare.

När det gäller hover-effekter på dina bilder i galleriet så kan du prova med att uttryckligen sätta en border på bilden alternativt länk elementet. Viktigt att tänka på är att IE endast accepterar pseduo-klasser på länkar, med andra ord kommer inte img:hover fungera i IE.

Edit: Jag tycker att du ska fundera på att lära dig koda korrekt (x)html + css själv och inte lita helt på visuella verktyg. Dessa verktyg genererar ingen vacker kod även om det ser bra ut (i de flesta) webbläsarna.

De flesta utav dom problemen du har och har haft här stöter man inte på om man skriver koden själv. Till exempel så skulle du aldrig positionerar allting absolut om du skrev det själv, det skulle vara för jobbigt. Ett annat problem som du har nu är att din sida inte kommer skala varken horisontellt eller vertikalt och det kommer du knappast kunna ändra på utan att skriva om allting.

Nu vet jag inte vad du går för kurs eller program och vad du måste kunna, men framtida arbetsgivare kommer i alla fall uppskatta att du kan dessa saker.