Lege Pagina in IE9

zaterdag 7 januari 2012 15:49

Acties:

0 Henk 'm!

Gelunox

Hardware addicted

Topicstarter

Hallo medetweakers

,

ik heb een klein probleempje met een website die ik aan het maken ben; hij geeft het in elke browser goed weer behalve IE9.

ik heb geen flauw idee hoe dit komt want volgens http://validator.w3.org/ is het compleet valid html. ik hoop dat ik hier terecht kan met mijn vraag of iemand weet hoe dit nou kan.
sorry als ik teveel code heb geplakt, ik zou alleen niet weten wat ik zou moeten weglaten.

code:

HTML:

<!DOCTYPE HTML>
<html>
<head>
    <!--[if lt IE 9]>
    <script type="text/javascript"> document.createElement("nav"); document.createElement("header");
    document.createElement("footer"); document.createElement("section"); document.createElement("aside");
    document.createElement("article"); </script>
    <!endif]-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    <title>Corlaer College</title>
    <link rel="stylesheet" type="text/css" href="stylesheet.css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">/*weg gelaten*/</script>
    <script type="text/javascript" src="framemagic.js"></script>
</head>

<body>
    
    <section id="mainframe"></section>
    
    <section id="userlogin">
        <form action="login.php" method="post" class="login">
            Email:<br>
            <input type="email" size="10"><br>
            Wachtwoord:<br>
            <input type="password" size="10"><br>
            <input type="submit" value="login" id="knop1">
            <input type="button" onClick="url('newuser')" id="knop2" value="nieuwe gebruiker">
        </form>
    </section>
    
    <section id="controlpanel">
        <div id="timer">
            <div id="timeprogress"></div>
            <div id="time"></div>
        </div>
        
        <section id="buttons">
            <img id="backwards" src='backwards.png' alt="Ga pagina terug" />
            <img id="playpause" src='pause.png' alt="Pauzeer / Speel" />
            <img id="forward" src='forward.png' alt="Volgende pagina" />
        </section>
    </section>
    
    <nav>
        <img id="overview" src="tileoverview.png" alt="to the tile overview" />
    </nav>
    
</body>
</html>

als het script of de css nog belangrijk is om te posten hoor ik het wel. de javascript is er alleen voor event triggers en css style updaten, en ik gebruik hier en daar CSS3

PC: R9 5950X | 32GB | VEGA 64 Liquid Edition

zaterdag 7 januari 2012 18:46

Acties:

0 Henk 'm!

C0rnelis

Ik zie het wel. Controleer eens je conditional if-statement. Hier moet je gemakkelijk achter kunnen komen als je even de moeite neemt om het te debuggen (isoleer het probleem). Dat een validator iets als valide html markeert betekent niet dat wat je hebt gemaakt ook echt goed is, het controleert namelijk enkel html, als de fout ergens anders in zit dan hang je als je van zo'n validator uit gaat

zaterdag 7 januari 2012 18:58

Acties:

0 Henk 'm!

Verwijderd

HTML:

<!--[if lt IE 9]> 
    <script type="text/javascript"> document.createElement("nav"); document.createElement("header"); 
    document.createElement("footer"); document.createElement("section"); document.createElement("aside"); 
    document.createElement("article"); </script> 
    <!endif]-->

Als je dit weghaald werkt het dan?
Want als ik user-agent wijzig via speciale programma en via IE9 bekijk krijg ik het wel te zien

zaterdag 7 januari 2012 19:00

Acties:

0 Henk 'm!

Bosmonster

*zucht*

Je mist een [ in je endif

(je mist ook je labels in je formulier overigens..)

[ Voor 49% gewijzigd door Bosmonster op 07-01-2012 19:02 ]

zaterdag 7 januari 2012 19:05

Acties:

0 Henk 'm!

Gelunox

Hardware addicted

Topicstarter

Bosmonster schreef op zaterdag 07 januari 2012 @ 19:00:
Je mist een [ in je endif

omg! dus dat was het probleem. werkt nu vlekkeloos (op gebrekkige ondersteuning van css3 in IE9 na)

thanks

PC: R9 5950X | 32GB | VEGA 64 Liquid Edition

zaterdag 7 januari 2012 19:06

Acties:

0 Henk 'm!

C0rnelis

gotomtom95 schreef op zaterdag 07 januari 2012 @ 19:05:
[...]

omg! dus dat was het probleem. werkt nu vlekkeloos (op gebrekkige ondersteuning van css3 in IE9 na)

thanks

Afhankelijk van wat je problemen specifiek zijn, bestaan er javascript oplossingen (zie bijvoorbeeld http://www.modernizr.com/)

zaterdag 7 januari 2012 19:08

Acties:

0 Henk 'm!

Gelunox

Hardware addicted

Topicstarter

C0rnelis schreef op zaterdag 07 januari 2012 @ 19:06:
[...]

Afhankelijk van wat je problemen specifiek zijn, bestaan er javascript oplossingen (zie bijvoorbeeld http://www.modernizr.com/)

ik had de overgang eerst volledig met javascript gedaan (lees: elke 10 tot 100ms css updaten) maar dat laggt als de neten

PC: R9 5950X | 32GB | VEGA 64 Liquid Edition

Onderwerpen