Custom CMS: nieuwe pagina zorgt voor problemen

**BaukR** · 05-06-2012, 19:21

Mensen,

Mijn website is: http://goo.gl/TV6Wk.
Deze is geprogrammeerd door een programmeur die maar wat deed, dus ik loop steeds weer tegen problemen aan.
Nu wou ik een nieuwe pagina toevoegen. Dit lukte, maar de weergave van die nieuwe pagina laat te wensen over:
Nieuwe pagina: http://goo.gl/0mWBz

Zoals je ziet verschuift de header iets naar beneden. Als de bron wordt weergeven ziet het er allemaal normaal uit, maar zodra je in chrome gaat 'element inspecteren' zie je waar het mis gaat. Het deel van <head> wordt in de body geplaatst.

Wat zegt W3C validator:
De index: http://goo.gl/TS5Ud
Nieuwe pagina: http://goo.gl/RwdR9

De W3C fouten op de nieuwe pagina snap ik ook niet aangezien de eerste twee regels exact hetzelfde zijn..

Wie kan dit voor me fixen? Desnoods tegen betaling!

**gast31394** · 05-06-2012, 19:27

Wat meteen opvalt is dat je je HTML tag een class geeft, wat niet mag, ik weet niet of dit het probleem veroorzaakt, echter is dit geen goede manier, w3c keurt dit ook niet goed.

- gast31394

**BaukR** · 05-06-2012, 19:29

ik weet het, maar daar ligt het niet aan. Die heb ik er al af gehad..

Origineel gepost door gast31394

Wat meteen opvalt is dat je je HTML tag een class geeft, wat niet mag, ik weet niet of dit het probleem veroorzaakt, echter is dit geen goede manier, w3c keurt dit ook niet goed.

- gast31394

**S. van Laere** · 05-06-2012, 21:11

Er zit een niet zichtbaar karakter voor het Doctype, hoeft overigens niet de oorzaak te zijn.

**BaukR** · 05-06-2012, 21:26

een 'niet zichtbaar' karakter?
Mijn eerste regel begint met: '<!DOCTYPE'
Ik zie dus niet wat je bedoeld? (vandaar misschien ook 'niet zichtbaar'..)

Origineel gepost door S. van Laere

Er zit een niet zichtbaar karakter voor het Doctype, hoeft overigens niet de oorzaak te zijn.

**S. van Laere** · 05-06-2012, 21:31

Kopieer de broncode van de genereerde HTML en plak in Notepad en je ziet 'm staan.
Mogelijk een UTF8 kwestie.

**BaukR** · 05-06-2012, 21:39

Het enige wat ik zie is een lege regel, bedoel je dat?

De W3C validator zegt ook UTF8, maar heb mijn twijfels of dat zal uitmaken. Ik heb al geprobeerd om die UTF8 kwestie op te lossen maar ben daar niet uit gekomen..

Origineel gepost door S. van Laere

Kopieer de broncode van de genereerde HTML en plak in Notepad en je ziet 'm staan.
Mogelijk een UTF8 kwestie.

**S. van Laere** · 05-06-2012, 21:40

Klopt het is ook niet de oplossing voor je probleem.
Waar het 'm wel in zit is ook voor mij nu nog een raadsel.

Als ik het hier opsla als UTF8 zonder BOM dan ziet het er goed uit.
Toch een UTF8 kwestie denk ik.

**BaukR** · 05-06-2012, 21:46

Dat dacht ik al.

Ik hoop dat er nog iemand reageert die goed is in raadsels oplossen ;)

**Kilian Janssen** · 05-06-2012, 21:52

Ik denk dat het iets met je Cufon te maken heeft, in ieder geval javascript dat je html aanpast, vandaar dat er bij bron weergeven weinig raars te zien is. Als je met firebug kijkt zie je namelijk dit:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" class="software cufon-active cufon-ready"><head><style type="text/css">cufon{text-indent:0!important;}@media screen,projection{cufon{display:inline!important;d isplay:inline-block!important;position:relative!important;vertic al-align:middle!important;font-size:1px!important;line-height:1px!important;}cufon cufontext{display:-moz-inline-box!important;display:inline-block!important;width:0!important;height:0!importa nt;overflow:hidden!important;text-indent:-10000in!important;}cufon canvas{position:relative!important;}}@media print{cufon{padding:0!important;}cufon canvas{display:none!important;}}</style><style type="text/css"></style></head><body>?

<title>PSDtoHTMLshop - Testimonials - What clients say about us</title>
<base href="https://www.psdtohtmlshop.com/">
<link rel="stylesheet" href="templates/stylesheets/style.css" type="text/css" media="screen">
<meta name="description" content="On our testimonial page you can read what our current customers have to say about our PSD to HTML service and what their experience with the service has been like.">






<script src="templates/js/jquery.min.js" type="text/javascript"></script>
<script src="templates/js/widget.js" type="text/javascript"></script>
<script src="templates/js/popup.js" type="text/javascript"></script>

<script src="templates/js/backtotop.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
// hide #back-top first
$("#back-top").hide();
// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 50) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});
// scroll body to 0px on click
$('#back-top a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 400);
return false;
});
});
});
</script>


<script src="templates/js/cufon-yui.js" type="text/javascript"></script>
<script src="templates/js/FFF_Tusj_700.font.js" type="text/javascript"></script>
<script src="templates/js/Museo_700_700.font.js" type="text/javascript"></script>
<script src="templates/js/Futura_500.font.js" type="text/javascript"></script>
<script src="templates/js/cufon_replace.js" type="text/javascript"></script>


<div id="header">

De head wordt dus al beëindigd en de body gestart terwijl er daarna nog dingen komen die in de head zouden moeten staan.

**S. van Laere** · 05-06-2012, 21:54

Origineel gepost door Kilian Janssen

Ik denk dat het iets met je Cufon te maken heeft

Javascript stond bij mij uit toen ik teste, het is niet de oorzaak.
Aanvullend bericht:
Er zit tevens een niet zichtbaar teken achter je <body> dat is dus de oorzaak.

**BaukR** · 05-06-2012, 23:48

Is opgelost door S. van Laere!

Iedereen bedankt voor het reageren en meedenken!

Custom CMS: nieuwe pagina zorgt voor problemen