http-equiv="X-UA-Compatible" in meta?

Status
Niet open voor verdere reacties.
sxizzy

sxizzy

Terugkerende gebruiker
Lid geworden
16 dec 2000
Berichten
1.701
Goedenavond Helpmij-ers :)

Ik ben bezig met een klein projectje in me vrije tijd maar zit met een probleem.
Ik ben bezig met een website vorm te geven alleen geeft hij zich niet correct weer in internet explorer 9.
Wil je hem correct weer willen geven in internet explorer 9 dan moet je compatibility view gebruiken. Dit is echter niet iets wat ik graag zou willen.
Is er een mogelijkheid om mijn html aan te passen naar de standaard van ie9 zodat ik zeker weet dat elke gebruiker van een internet browser de site ziet zoals hij bedoeld is?

Ik heb de;
Code: 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

al geprobeerd, helaas leidde dit tot geen resultaat.

Mischien handig voor de overige onder ons, mijn huidige header; (Zonder de http-equiv meta tag, aangezien deze geen verschil maakt.)

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

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<meta http-equiv="content-language" content="en" />
<meta name="description" content="..." />
<meta name="keywords" content="..." />
<meta name="robots" content="all,follow" />

<link href="css/screen.css" type="text/css" rel="stylesheet" media="screen,projection" />
<link href="css/print.css" type="text/css" rel="stylesheet" media="print" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="js/cufon.js" type="text/javascript"></script>
<script src="js/cufon-config.js" type="text/javascript"></script>
<script src="js/font.js" type="text/javascript"></script>

<title>title</title>
</head>

Ik kan op dit moment even niet bedenken waar het fout gaat.
Hopelijk heeft een van jullie een heldere blik.

Alvast bedankt :thumb:
 
Hoi sxizzy,
... huidige header; (Zonder de http-equiv meta tag, aangezien deze geen verschil maakt.)
Klik om te vergroten...
Nou, het schijnt verschil uit te maken waar de X-UA-Compatible <meta> precies staat.
Deze moet erg bovenin de <head> tag komen, anders werkt 't niet.
  • "The X-UA-Compatible header is not case sensitive; however, it must appear in the header of the webpage (the HEAD section) before all other elements except for the title element and other meta elements."
    Zie: Defining Document Compatibility van MS.
  • En ik dacht ergens een commentaar gelezen te hebben dat deze compatibilty-<meta> ook vóór de andere <meta>'s moest komen, of direct na de charset-meta. - Kan in elk geval geen kwaad.

=====
Is er een mogelijkheid om mijn html aan te passen naar de standaard van ie9?
Klik om te vergroten...
De standaard van IE9 zou de w3c standaarden moeten volgen, daar is niets extra voor nodig.
Je hebt een Doctype Strict, en als IE7 en IE8 het wel goed doen, en de andere browsers ook, maar alleen IE9 niet, dan snap ik dat niet. Die zou het ook goed moeten doen, want die volgt de standaarden beter dan zijn/haar voorgangers (zeggen ze).
Dus: speciale IE9 aanpassing zou totaal overbodig moeten zijn, evenals die degradatie naar een vorige IE-versie.
Tenminste: de pagina is wel valid Xhtml1.0 Strict volgens de html-validator? Dat is wel een voorwaarde! ;)

Met vriendelijke groet,
CSShunter
____________
PS: in de <html> staat de taal op Tsjechisch (cs), onmiddellijk daarna in een meta gevolgd door en. :)
 
Laatst bewerkt:
Bedankt csshunter,

Ik heb de code niet geheel zelf geschreven dus vandaar die cs in de meta ;)
Heb hem door de validator gehaald na het lezen van jouw signature (handig).
De validater geeft hem aan als xhtml 1.0 strict, alleen er worden 13 errors geconstateerd.

Ik ga daar eerst mee aan de slag.
 
Hoi sxizzy,
Mooi: want voor het normale gedrag bij valid html en css zijn er de standaarden, maar bij errors zijn er soms voorschriften hoe browsers daarop moeten reageren (die staan dan in de specificatie vermeld), maar lang niet altijd.
Niet alle 10.001 mogelijke errors zijn ook te voorspellen! :cool:
Dan komt de foutafhandeling van de browser(-versie) in het geweer, en dat gebeurt dan naar eigen goeddunken.
Bij een aantal fout-herstellingen loopt dat aardig synchroon tussen de browsers / versies, en af en toe ook niet.
  • Dus valid html en valid css afgevinkt: dan kan dat in ieder geval geen reden zijn.

Mocht er daarna nog een verschil zijn tussen IE9 en "echte" browsers als Firefox, Chrome, Opera en Safari, dan zou het een IE-eigenaardigheid of bug kunnen zijn. Dat is dan waarschijnlijk wel op te lossen met en Conditional Comment (waarop alleen IE9 reageert).

Ook nog een mogelijkheid: er zit een fout in een javascript, of een javascript houdt onvoldoende rekening met IE9. Of: ergens zit een Conditional Comment uit de tijd dat IE9 er nog niet was, en maar t/m IE8 loopt (maar dat staat in elk geval niet in je <head>).


  • NB! Op jQuery.com (docs.jquery.com/Downloading_jQuery) zie ik dat het jquery.min.js javascript inmiddels bij versie 1.7.2 (van 29 maart 2012) is aanbeland.
    Op de pagina wordt bij de google-apies nog versie 1.3.2 (van 20 febr. 2009) weggehaald.
    Ik zou zeker de nieuwe versie (hier: ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js) er eens op zetten, misschien doet dat het IE9 probleem wel smelten.
  • En ik zie dat er de cufon-methode wordt gevolgd om standaard-fonts te vervangen door een eigen lettertype. Zijn dat de laatste versies van de bijbehorende scripts?

Mochten er nog IE9-problemen blijven bestaan, dan graag even een linkje naar een testpagina.
Mogelijk kunnen we daaruit uitzuiveren wat er met IE9 aan de hand is; of met de pagina. ;)

Succes!
Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
Goedemiddag csshunter,

Nadat ik alle foutjes uit de html en css had gehaald ging het al een stukje beter.
Heb vervolgens de jquery inderdaad op de laatste versie gezet, en dan geld ook voor cufon.

Het probleem zat hem in cufon, nadat ik deze op de meest recentste versie had gezet laadde de tekst in mijn banner meteen alleen was het menu niet correct op zijn plaats. Dit het ik maar opgelost door IE9 te laten werken als IE8 via de http equiv meta tag (eerder genoemd). Hierdoor word nu wel alles correct in IE9 geladen en kan ik zorgeloos verder gaan tikken.
Dus mijn probleem is opgelost :thumb:

Hartstikke bedankt voor je hulp :)
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan