Website alleen te bekijken in IE

Status
Niet open voor verdere reacties.
J

jacobboersma

Gebruiker
Lid geworden
11 sep 2007
Berichten
428
Ik heb een website gebouwd, welke alleen goed te bekijken is in IE. Als ik in Google Chrome kijk, dan heb ik geen opmaak en in FF krijg ik allemaal rare tekens.
Hierbij het script. De webiste is te bekijken via. http://www.pieterstuyvesantkuiertochtinschrijven.nl/pskinschrijving/marathonafstand/index.php
PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="nl-NL">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>Stap 1 Marathonafstand - Inschrijving 6e Pieter Stuyvesant Kuiertocht op 1 juni 2013</title>
<script type="text/javascript" src="http://pieterstuyvesantkuiertocht.nl/wordpress/wp-content/themes/94c12984159b25aea1d8fe4ec05f7dea/script.js"></script>
<script language="JavaScript" src="check.js"> </script>
<link rel="stylesheet" href="http://pieterstuyvesantkuiertocht.nl/wordpress/wp-content/themes/94c12984159b25aea1d8fe4ec05f7dea/style.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="http://pieterstuyvesantkuiertocht.nl/wordpress/wp-content/themes/94c12984159b25aea1d8fe4ec05f7dea/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="http://pieterstuyvesantkuiertocht.nl/wordpress/wp-content/themes/94c12984159b25aea1d8fe4ec05f7dea/style.ie7.css" type="text/css" media="screen" /><![endif]-->
<link rel="alternate" type="application/rss+xml" title="Pieter Stuyvesant Kuiertocht RSS Feed" href="http://pieterstuyvesantkuiertocht.nl/feed/" />
<link rel="alternate" type="application/atom+xml" title="Pieter Stuyvesant Kuiertocht Atom Feed" href="http://pieterstuyvesantkuiertocht.nl/feed/atom/" /> 
<link rel="pingback" href="http://pieterstuyvesantkuiertocht.nl/wordpress/xmlrpc.php" />
<script type='text/javascript' src='http://pieterstuyvesantkuiertocht.nl/wordpress/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://pieterstuyvesantkuiertocht.nl/wordpress/wp-includes/wlwmanifest.xml" /> 
<link rel='next' title='Kuieren' href='http://pieterstuyvesantkuiertocht.nl/kuieren/' />
<meta name="generator" content="WordPress 3.4.2" />
<meta name="description" content="Kom wandelen in Weststellingwerf!  De Zuid-Friese gemeente Weststellingwerf is een heerlijke regio om te wandelen.  Met bos, water, natuurgebieden en het typerende coulissenlandschap, is wandelen door Weststellingwerf een beleving.    De stichting Pieter Stuyvesant Kuiertocht organiseerde in 2001 het eerste grote wandelevenement in deze regio. Inmiddels is deze kuiertocht, die de naam van de in Weststellingwerf geboren ontdekkingsreiziger draagt, uitgegroeid tot een tweejaarlijks evenement met grote regionale allure.  Ook op de landelijke wandelkaart neemt de Pieter Stuyvesant Kuiertocht inmiddels een vaste plaats in.  Rond de drieduizend wandelaars weten iedere editie de kuiertocht te vinden. Een van de krachten van het wandelsportevenement is dat er iedere editie een ander deel van Weststellingwerf wordt bezocht. Zo leren niet alleen deelnemers uit deze regio hun woonomgeving van een soms verrassende kant kennen, maar biedt de kuiertocht wandelaars van buitenaf een mooi beeld van de mooie plattelandsgemeente Weststellingwerf." />
<meta name="keywords" content="Pieter, stuyvesant, kuiertocht, weststellingwerf, wolvega, sonnega, oldetrijne, oldelamer, nijelamer, noordwolde, wandeltocht, kuier, wandelen, kuieren, lopen, tocht, evenement, friesland, fryslan, scherpenzeel, munnekenburen, spanga, langelille, nijetrijne, slijkenburg, oldeholtwolde, nijholtwolde, ter, idzard, oldeholtpade, nijholtpade, steggerda, vinkega, de, blesse, blesdijke, de, hoeve, zandhuizen, oosterstreek, boyl," />
<link rel="stylesheet" type="text/css"
 href="form.css" />

</head>

<body>
    <div id="art-page-background-gradient"></div>
<div id="art-main">
<div class="art-Sheet">
    <div class="art-Sheet-tl"></div>
    <div class="art-Sheet-tr"></div>
    <div class="art-Sheet-bl"></div>
    <div class="art-Sheet-br"></div>
    <div class="art-Sheet-tc"></div>
    <div class="art-Sheet-bc"></div>
    <div class="art-Sheet-cl"></div>
    <div class="art-Sheet-cr"></div>
    <div class="art-Sheet-cc"></div>
    <div class="art-Sheet-body">
<div class="art-Header">
    <div class="art-Header-png"></div>
    <div class="art-Header-jpeg"></div>
<div class="art-Logo">
    <h1 id="name-text" class="art-Logo-name">
        <a href="index.html">Pieter Stuyvesant Kuiertocht</a></h1>
</div>
<div class="art-datum">
<div id="slogan-text" class="art-Logo-text">
        1 juni 2013</div>
</div>

</div>
<div class="art-nav">
	<div class="l"></div>
	<div class="r"></div>
	<ul class="art-menu">
		<li class="page_item page-item-6 current_page_item"><a class="active"><span class="l"></span><span class="r"></span><span class="t">Stap 1</span></a></li>
<li class="page_item page-item-12"><a href="http://pieterstuyvesantkuiertocht.nl/kuieren/"><span class="l"></span><span class="r"></span><span class="t">Stap 2</span></a></li>
<li class="page_item page-item-23"><a href="http://pieterstuyvesantkuiertocht.nl/nieuws/"><span class="l"></span><span class="r"></span><span class="t">Stap 3</span></a></li>
<li class="page_item page-item-31"><a href="http://pieterstuyvesantkuiertocht.nl/aanmelden/"><span class="l"></span><span class="r"></span><span class="t">Stap 4</span></a></li>
<li class="page_item page-item-27"><a href="http://pieterstuyvesantkuiertocht.nl/organisatie/"><span class="l"></span><span class="r"></span><span class="t">Controle</span></a></li>
<li class="page_item page-item-15"><a href="http://pieterstuyvesantkuiertocht.nl/sponsors/"><span class="l"></span><span class="r"></span><span class="t">Verzenden</span></a></li>
</ul>
</div>
<div class="art-contentLayout">

<div class="art-Post">
    <div class="art-Post-tl"></div>
    <div class="art-Post-tr"></div>
    <div class="art-Post-bl"></div>
    <div class="art-Post-br"></div>
    <div class="art-Post-tc"></div>
    <div class="art-Post-bc"></div>
    <div class="art-Post-cl"></div>
    <div class="art-Post-cr"></div>
    <div class="art-Post-cc"></div>
    <div class="art-Post-body">
<div class="art-Post-inner art-article">
<h2 class="art-PostHeaderIcon-wrapper">
<span class="art-PostHeader"><a href="index.html" rel="bookmark" title="Permanent Link to Home">
Marathonafstand 42km</a></span>
</h2>
<div class="art-PostContent">
<form id="index" method="POST" action="step1save.php"> 
<span class="normal-c21-C"> 
<B>Velden gemarkeerd met een <font color="red">*</font> zijn verplicht.</B><br><br> 
<fieldset><legend><H3>Persoonsgegevens</H3></legend> 
<label for="Voornaam">Voornaam:</label><input type="text" input name="Voornaam" id="" value="" size="15" maxlength="40" class="grayborder" onblur="checkVoorn(this);">&nbsp;<font color="red">*</font><br> 
<label for="Tussenvoegsel">Tussenvoegsel:</label> <input type="text" input name="Tussenvoegsel" id="not" size="7" maxlength="10" class="grayborder" onblur="checkTussv(this);"><br> 
<label for="Achternaam">Achternaam:</label> <input type="text" input name="Achternaam" id="" size="15" maxlength="40" class="grayborder" onblur="checkAchtn(this);">&nbsp;<font color="red">*</font><br> 
<label for="Straatnaam">Straatnaam:</label> <input name="Straatnaam" type="text" id="req1" value="" size="15" maxlength="40" class="grayborder" onblur="checkStran(this);">&nbsp;<font color="red">*</font><br> 
<label for="huisnummer">Huisnummer:</label> <input name="Huisnummer" type="text" id="req1" value="" size="7" maxlength="6" class="grayborder" onblur="checkHuisn(this);">&nbsp;<font color="red">*</font>&nbsp;
Huisletter:<input name="Huisletter" type="text" id="req1" value="" size="7" maxlength="6" class="grayborder" onblur="checkHuisl(this);"><br>
<label for="Postcodecijfers">Postcode:</label> <input name="Postcodecijfers" type="text" id="" value="" size="4" maxlength="4" class="grayborder" onblur="checkPostc(this);">&nbsp;<input type="text" name="Postcodeletters" value="" size="1" maxlength="2" onblur="checkPostl(this);">&nbsp;<font color="red">*</font><br> 
<label for="Woonplaats">Woonplaats:</label> <input name="Woonplaats" type="text" id="" value="" size="15" maxlength="40" class="grayborder" onblur="checkWoonp(this);">&nbsp;<font color="red">*</font><br> 
<label for="Telefoon">Telefoonnummer:</label> <input name="Telefoonnummer" type="text" id=""value="" size="15" maxlength="11" class="grayborder" onblur="checkTeln(this);">&nbsp;<font color="red">*</font><br> 
<label for="Emailadres">E-mailadres:</label> <input name="Emailadres" type="text" id="not" value="" size="15" maxlength="100" class="grayborder" onblur="checkEmail(this);">&nbsp;<font color="red">*</font><br> 
</fieldset> 
<br>
<input type="submit" value="Volgende" id="submit"><br>
<input name="Reset "type="reset" id="Reset" Value="Wissen">
</div>
</span> 
</form> 

</div>
<div class="cleared"></div>

</div>
    </div>
</div>
</div>
<div class="cleared"></div>
    </div>
</div>
<div class="cleared"></div>
<p class="art-page-footer">
&copy; 2007 - 2013 Pieter Stuyvesant Kuiertocht <br />
Webdesign: 
<a href="http://www.boersmacomputerservice.nl/" target="blank">
Boersma Computers & Multimedia</a> | Foto: 
<a href="http://www.lenusvanderbroek.nl/" target="blank">
Lenus van der Broek</a> | Teksten: 
<a href="http://www.jellekebouma.nl/" target="blank">
Jelleke Bouma</a>
</p>
</div>
</html>
 
Als ik de pagina bekijk in firefox via de link, laat ie inderdaad letterlijk de html code zien.

En je ziet ook twee onbekende tekens in begin van de pagina als ik deze weg haalt wordt die normaal getoond.
 
Ik begrijp je nog niet helemaal. Wat moet ik weg halen?
Werkt dan de opmaak in Chrome ook weer?
 
Als je de pagina bekijkt via de link die jij hebt opgegeven zit er voor <!DOCTYPE... nog twee tekens een ruitje met een vraagteken erin (�). Ik weet niet waar die vandaan komen in jou index.php maar als je die weghaalt dan toont die bij mij de pagina weer normaal.

#edit
in jou index.php zitten waarschijnlijk niet twee � tekens maar een ander tekens dat niet door firefox herkent wordt
 
Laatst bewerkt:
Ik zie dit: Naamloos.jpg

Dus allemaal rare tekens. Of ligt dit aan me FF.
Je mag anders het script zoals je het wel goed ziet, naar me toesturen.
 
Hmmm ik zie alleen twee en in chrome zie ik de layout wel maar niet de opmaak, moet er wel even bij zeggen dat ik op ubuntu werk dus zou misschien ander effect hebben.
 
Nouja, Ik moet morgen toch bij een prof webdesigner langs, dus zal hem dan wel even vragen.
 
Nog even verder gekeken, als ik in firefox de encoding handmatig na UTF-16 zet dan krijg ik ook de pagina te zien zonder opmaak, als ik dan in de source code naar css file ga krijg ik allemaal verschillende tekens en als ik die op UTF-8 zet krijg ik de normale css te zien.

Dus ik denk dat je index.php niet in UTF-8 hebt opgeslagen.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan