Forum Mjukvara Programmering och digitalt skapande Tråd

Varför tycker IE9 att min hemsida är "gammal", och visar den med fel fonter?

1
Skriv svar
Permalänk
Medlem
●

Varför tycker IE9 att min hemsida är "gammal", och visar den med fel fonter?

W3C tycker, vid validering av sidan, såhär:

"This document was successfully checked as HTML 4.01 Strict!".

Var ett tag sedan jag pillade med koden, men jag tror jag har specat allt, såsom fonter och marginaler osv.
Ändå tycker IE9, som visar sidan med konstigare layout och annorlunda font - att sidan kan må bra av deras kompatibilitetsfunktion - och slår man på det läget så ser sidan plötsligt ut nästan precis som i Firefox.
Samma fonter och samma look.

Vad är det som händer i IE egentligen???

Källkoden ses nog bäst från själva sidan.
Kan någon hjälpa?
Sidan är väldigt enkel, och helt statisk, så borde inte vara så svårt hitta vad som är "fel" kanske.

http://sebastianfoto.se/

Senast redigerat
Visa signatur

MCP - MCTS - CCNA (expired)

Redigera
Citera flera Citera
Permalänk
Inaktiv
●

Ser likadant ut i Firefox, IE9 och IE Kompatibilitetsläge för mig. Och IE9 klagar inte heller.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av anon150287:

Ser likadant ut i Firefox, IE9 och IE Kompatibilitetsläge för mig. Och IE9 klagar inte heller.

Gå till inlägget

Konstigt, hos mig klagade den, och fonten blir lite mindre och hårdare/fulare utan kompatiblitetsläget.

Vista-64 och uppdaterat IE9.

Senast redigerat
Visa signatur

MCP - MCTS - CCNA (expired)

Redigera
Citera flera Citera
Permalänk
Inaktiv
●
Skrivet av ASBR:

Konstigt, hos mig klagade den, och såhär ser skillnaden ut hos mig.
Fonten blir lite mindre och hårdare/fulare utan kompatiblitetsläget.

http://sebastianfoto.se/swec.jpg

EDIT: Vista-64 och uppdaterat IE9.

Gå till inlägget

Det är så font renderingen fungerar i IE9. Det är inget man kan göra något åt förutom att få folk att sluta använda skiten.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av anon150287:

Det är så font renderingen fungerar i IE9. Det är inget man kan göra något åt förutom att få folk att sluta använda skiten.

Gå till inlägget

Men dyker den där "kompatiblitetsvarningen" alltid upp, på alla sidor?
Eller kanske bara första gångerna man startar IE som pratbubblan dyker upp?
Jag använder aldrig IE så jag vet inte alls, men skulle ju kunna vara så kanske.

Jag vill bara veta om jag kodat min sida fel på något gammaldags sätt, och måste uppdatera något, men så kanske inte alls är fallet?

Visa signatur

MCP - MCTS - CCNA (expired)

Redigera
Citera flera Citera
Permalänk
Medlem
●

Skillnaden är ju inte enorm, lite fulare bara, utan jag reagerade mest på att dialogrutan dök upp som sa att sidan kanske var gammal och skulle se bättre ut i kompatiblitetsläge, vilket den ju också gjorde.
Men kanske är IE-standard att agera så, och inget min sida ska ta personligt

EDIT: http://windows.microsoft.com/sv-SE/windows7/How-to-use-Compat...

"Om Internet Explorer identifierar en webbsida som inte är kompatibel visas knappen Kompatibilitetsvy i adressfältet."

Vad är definitionen av "inte kompatibel med IE9" egentligen?
När det validerar helt hos W3C!

Senast redigerat
Visa signatur

MCP - MCTS - CCNA (expired)

Redigera
Citera flera Citera
Permalänk
Testpilot ★
●

Vad jag kan hitta så ska den inte byta till kompatibilitetsläge om det finns doctype angivet men det verkar du ju ha så jag vet inte vad det är som krånglar.
Här finns lite förklaring på de olika renderingslägena: http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibil...
Graf längst ner på sidan förklarar hur det avgörs vilket rendering som ska användas: http://ieblog.members.winisp.net/misc/How%20IE9%20Determines%...

Verkar som att det går att tvinga till IE9-läge med X-UA-Compatible

Visa signatur

Kolla gärna in min RGB-LED-ljusstake i galleriet
[Gigabyte GA-Z97MX-Gaming 5][Intel Core i5 4690K][Corsair XMS3 16GB][Asus GeForce RTX 2060 Super Dual Evo OC]

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av ASBR:

W3C tycker, vid validering av sidan, såhär:

"This document was successfully checked as HTML 4.01 Strict!".

Gå till inlägget

Det är bra. HTML 4.01 är gammal men stabil. Ofta ett bättre val än exempelvis XHTML 1.0. Du kan ersätta hela första raden (<!DOCTYPE ...) med <!DOCTYPE html> om du vill använda det senaste, men det kommer bokstavligen ha noll effekt på din sida.

Att du får den där ikonen med ett knäckt dokument beror på att du kör sidan i kompatibilitetsläge. Tryck på F12 och ställ browser mode till IE9, samt Document mode till Internet Explorer 9 standard

Visa signatur

Kom-pa-TI-bilitet

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av ASBR:

Men dyker den där "kompatiblitetsvarningen" alltid upp, på alla sidor?
Eller kanske bara första gångerna man startar IE som pratbubblan dyker upp?
Jag använder aldrig IE så jag vet inte alls, men skulle ju kunna vara så kanske.

Jag vill bara veta om jag kodat min sida fel på något gammaldags sätt, och måste uppdatera något, men så kanske inte alls är fallet?

Gå till inlägget

"kompatiblitetsvarningen" dyker upp på alla sidor på internet för mig med IE9...

Visa signatur

Ny dator: Acer Predator Orion 5000 (RTX 3080)
[ I7 3770K @ 4.6Ghz | Asus 980 Ti 6GB | 16GB | Asus P8Z77-V PRO | Samsung 830 128GB | Corsair H100 | Cooler Master HAF X | Corsair AX 850W | Samsung DVD±RW ] [ Sony AF9 65" | Sony WF-1000XM3 | HTC Vive | Huawei P40 Pro | PS4 Pro | PS3 Slim | PS2 chippad | PS Vita | DS Lite | SNES Mini ]

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Längst upp i HTML dokumentet finns en

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

Ändra den till önskad version.. mer info finns på w3c school

Visa signatur

CPU: Ryzen 9 3900x Noctua NH-D14 MOBO: TUF Gaming X570-PLUS GPU: GTX 980 RAM: 32 GB 3200 MHz Chassi: R4 PSU: Corsair AX860 Hörlurar: SteelSeries 840 Mus: Logitech G502 Lightspeed V.v. nämn eller citera mig för att få svar.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av hunden:

Vad jag kan hitta så ska den inte byta till kompatibilitetsläge om det finns doctype angivet men det verkar du ju ha så jag vet inte vad det är som krånglar.
Här finns lite förklaring på de olika renderingslägena: http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibil...
Graf längst ner på sidan förklarar hur det avgörs vilket rendering som ska användas: http://ieblog.members.winisp.net/misc/How%20IE9%20Determines%...

Verkar som att det går att tvinga till IE9-läge med X-UA-Compatible

Gå till inlägget

Tack

Här beskrivs lite bekymmer med validering om man använder det där X-UA-Compatible.
Verkar dock som problemet löses helt om man kör HTML5 doctype???
Kan testa senare, men osäker om min sida validerar HTML5, eller om jag får ändra lite kod kanske ...

http://henrikekelof.se/2010/11/x-ua-compatible-html5-valideri...

Visa signatur

MCP - MCTS - CCNA (expired)

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av xpanterx:

"kompatiblitetsvarningen" dyker upp på alla sidor på internet för mig med IE9...

Gå till inlägget

Google slipper. Google kör HTML5. Lösningen kanske, bara ändra doctype ... ska testas senare.

Skrivet av swehunter2000:

Längst upp i HTML dokumentet finns en

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

Ändra den till önskad version.. mer info finns på w3c school

Gå till inlägget

Ändra till HTML5 menar du, för att slippa problemet att sidan kan visas olika?
Eller?

Visa signatur

MCP - MCTS - CCNA (expired)

Redigera
Citera flera Citera
Permalänk
Medlem
●

Hmm, ändrar jag till html5 doctype så blir det lite småfel i valideringen.
Dels gillar den ej iso-8859-1 charset, utan "assumear" något windows-1252 istället, vilket tydligen inte heller är bra för då klagar den på å ä ö som ej är ASCII.

Testade byta hela den raden:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

... mot nedanstående som verkar vara nytt skrivsätt i html5 (bytte till UTF-8 med för att testa).

<meta charset="UTF-8">

Detta var dock tydligen så fruktansvärt fel att det ej gick att dra igång validering av sidan överhuvudtaget

EDIT: Börjar bli offtopic nu, men UTF-8 vill absolut inte hur jag än testar det. Lånade sweclockers meta-tag med UTF-8, men det går ej att öppna dokumentet ens i validering pga okända konstiga svenska tecken :s
Både sweclockers och google har ju UTF-8 på detta sätt, men de går att validera.
Varför vill inte följande minimala testsida validera?
Andra svenska siter har ju UTF-8 och går att köra?

<!DOCTYPE html> 
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Expires" content="0">
	<title>å ä ö </title>
</head>

<body>
 Test
</body>
</html>
Senast redigerat
Visa signatur

MCP - MCTS - CCNA (expired)

Redigera
Citera flera Citera
Permalänk
Inaktiv
●

Om du läser felmeddelandena du får är det inte utf-8 den klagar på utan Pragma och Expires. Vad har du dom till?
Denna koden validerar hur bra som helst:

<!doctype html> 
<html>
<head>
    <meta charset="utf-8" />
    <title>å ä ö </title>
</head>
<body>
    Test
</body>
</html>
Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av anon150287:

Om du läser felmeddelandena du får är det inte utf-8 den klagar på utan Pragma och Expires. Vad har du dom till?
Denna koden validerar hur bra som helst:

<!doctype html> 
<html>
<head>
    <meta charset="utf-8" />
    <title>å ä ö </title>
</head>
<body>
    Test
</body>
</html>
Gå till inlägget

Nej den validerar inte - den kan inte ens öppna filen för validering.

Ser andra siter som har <html lang="sv"> - kanske något som måste vara där ...
EDIT: Nej det hjälpte inte heller mot min UTF-förbannelse

Senast redigerat
Visa signatur

MCP - MCTS - CCNA (expired)

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Har du sparat filen som UTF-8 då?

Visa signatur

Assembly är ett högnivåspråk.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Gramner:

Har du sparat filen som UTF-8 då?

Gå till inlägget

?
Sparat i notepad - kan man välja sådant där?

Oj, ja det kan man visst.

Men hmm, ska man köra UTF-8 då, eller är det sak samma?
HTML5 verkade ju klaga på min iso-8859-1 som fungerar hur fint som helst i 4.01.

Visa signatur

MCP - MCTS - CCNA (expired)

Redigera
Citera flera Citera
Permalänk
Inaktiv
●

Ja, som Gramner säger måste du spara filen som UTF-8. Att jag inte tänkte på det
I notepad sätter du kodning till UTF-8, i Notepad++ väljer du (konvertera till om det är en fil som är sparad i nått annat innan) UTF-8 (utan BOM) i Format menyn.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Tack

Men:

Citat:

Men hmm, ska man köra UTF-8 då, eller är det sak samma?
HTML5 verkade ju klaga på min iso-8859-1 som fungerar hur fint som helst i 4.01.

Känns onödigt konvertera om alla html-sidor till UTF, för att kunna köra HTML5, när det ändå känns rätt osäkert om HTML5 på något sätt löser IE9's aningen fulare look

Visa signatur

MCP - MCTS - CCNA (expired)

Redigera
Citera flera Citera
Permalänk
Inaktiv
●
Skrivet av ASBR:

Tack

Men:

Citat:

Men hmm, ska man köra UTF-8 då, eller är det sak samma?
HTML5 verkade ju klaga på min iso-8859-1 som fungerar hur fint som helst i 4.01.

Känns onödigt konvertera om alla html-sidor till UTF, för att kunna köra HTML5, när det ändå känns rätt osäkert om HTML5 på något sätt löser IE9's aningen fulare look

Gå till inlägget

UTF-8 är bättre på alla sätt så ja, du borde konvertera om alla filer.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Haptic:

mer info finns på w3c school

Gå till inlägget

Lite OT:
w3c school är ingen sida jag skulle rekommendera... den är full med fel och har absolut ingen koppling till riktiga w3c. vilket folk tror.

Kolla in dessa länkarna så förstår du. Jag använde själv w3c school flitigt innan jag fick reda på hur det verkligen låg till...
http://www.wordpressguru.se/sluta-anvanda-w3schools-som-refer...
http://w3fools.com/

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av anon150287:

UTF-8 är bättre på alla sätt så ja, du borde konvertera om alla filer.

Gå till inlägget

Ok ... fast kanske struntar i det så länge
Ser att kth.se, som kör html5, har ungefär samma skillnad i texten som min sida mellan Firefox och IE9.
Texten blir lite tätare och fetare och hårdare i IE.
Enda skillnaden är väl i så fall att om man kör html5 så får man inte ens upp valet om kompatibilitetsläge, som verkar vara det enda som får IE9 att visa sidorna mer likt Firefox.

Förstår inte varför all text inte visas identiskt - det är ju därför man specar font och teckenavstånd o.s.v. i sin html/css.

@krass: Intressant - något att tänka på kanske.

Visa signatur

MCP - MCTS - CCNA (expired)

Redigera
Citera flera Citera
Permalänk
Inaktiv
●
Skrivet av ASBR:

Ok ... fast kanske struntar i det så länge
Ser att kth.se, som kör html5, har ungefär samma skillnad i texten som min sida mellan Firefox och IE9.
Texten blir lite tätare och fetare och hårdare i IE.
Enda skillnaden är väl i så fall att om man kör html5 så får man inte ens upp valet om kompatibilitetsläge, som verkar vara det enda som får IE9 att visa sidorna mer likt Firefox.

Förstår inte varför all text inte visas identiskt - det är ju därför man specar font och teckenavstånd o.s.v. i sin html/css.

@krass: Intressant - något att tänka på kanske.

Gå till inlägget

Det är inte inställningarna som är fel, utan helt enkelt att IE9 har en annan font rendering. Det har Firefox också (som jag tycker är skitgräslig, så har fått stänga av den).

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av anon150287:

Det är inte inställningarna som är fel, utan helt enkelt att IE9 har en annan font rendering. Det har Firefox också (som jag tycker är skitgräslig, så har fått stänga av den).

Gå till inlägget

Men den blir ju snyggare när man har möjlighet att välja kompatibilitetsläget ...

Jäkla tur man inte jobbar som webbdesigner, det lär kunna vara ganska rörigt

Visa signatur

MCP - MCTS - CCNA (expired)

Redigera
Citera flera Citera
Permalänk
Medlem
●

Kanske kan vara läsbara länkar. Så kanske du förstår hur IE hanterar det.

http://msdn.microsoft.com/en-us/library/hh237264%28v=vs.85%29...

http://msdn.microsoft.com/en-us/library/ms535242%28v=vs.85%29...

http://msdn.microsoft.com/en-us/library/cc288325%28v=vs.85%29...

Finns mer på samma sida

Senast redigerat
Redigera
Citera flera Citera
Permalänk
Medlem
●

Intressant, fast orkar inte läsa allt nu.
Noterar dock att förstorar man texten mycket, i IE9, så ger IE9-läget mycket mjukare text.
I normal storlek känns den istället lite hårdare och mer hoptryckt.
I Firefox, som jag tycker ser bäst ut, ser det kanon ut även om man zoomar massor.

Visa signatur

MCP - MCTS - CCNA (expired)

Redigera
Citera flera Citera
Permalänk
Medlem
●

Slutsatsen av hela röriga tråden får väl bli att det inte är något fel på min sida, då alla sidor som ej är html5 verkar få möjlighet till kompatibilitetsläge i IE9.
Och skillnaden som blir i just textutseende har ej med html-koden att göra, utan renderingsmetoden, som ändrats till IE9.
Och att det kom upp en liten "pratbubbla" som varnade att "sidan var gammaldags", var antagligen för att jag i stort sett aldrig använt IE sedan jag installerade om senast. Den gör väl så för att påpeka "funktionen".

Tackar för all hjälp, väldigt ringrostig på sådant här nuförtiden

Senast redigerat
Visa signatur

MCP - MCTS - CCNA (expired)

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara