Scherm/div f**k*p :(
Ik ben een ervaren ASP.NET ontwikkelaar die nu een website wil maken in PHP.
Eergisteren had ik een simpele website met enkele HTML-pagina's. Aangezien wel erg veel code identiek was op elke pagina dacht ik: Masterpages :) Die bestaan niet onder die naam in PHP en natuurlijk was er wel een alternatief.
Dus ik heb netjes een 'header.php', een 'footer.php' en dan in mijn pagina's include statements. So far, so good. Alles werkte onder Firefox, Chrome, IE en op de iPad.
Vandaag vraag ik met IE (8 én 9 geprobeerd) mijn pagina http://www.memfido.nl/index.php op en ik krijg een grote brei van DIV's. Chaos. In Firefox, Chrome en op de iPad, perfect.
Het rare is echter het volgende. Sla ik de HTML-source die index.php oplevert op en upload ik die letterlijke code naar de webserver (onder http://www.memfido.nl/html.htm) dan werkt het wél. En voor zover ik zie is het exact dezelfde code.
Nou hoop ik dat iemand nu begint te gniffelen en denkt: 'beginnersfoutje, je moet even......'. Zo ja, kan diegene dat even melden? Hierbij permissie om me en publique uit te lachen (zolang je maar uitlegt waarom)
Grtz,
Ferry
Maar misschien een beginners foutje gemaakt met de header/footer/content .php ?
Laat eens de relevante code zien van je php brouwseltje.
ontwikkelhulpprogramma's ingebakken. Volgens de w3 validator is je doctype niet valid, daardoor kan ie in quirks mode schieten. Verder kan je een meta tag toevoegen. Zie ook dit en dit
Verder zegt de w3 validator ook dat je een BOM karakter hebt staan, die zou ik ook maar weghalen, volgens mij kan ie daar ook op flippen.
(En jah, ik zie nu ook dat de validator niet meer werkt :-/)
Iedereen download firebug e.d. maar IE8 (vorige versies geloof ik ook al) heeft Verder zegt de w3 validator ook dat je een BOM karakter hebt staan, die zou ik ook maar weghalen, volgens mij kan ie daar ook op flippen.
(En jah, ik zie nu ook dat de validator niet meer werkt :-/)
Header.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">
<head>
<title>Memfido Coaching</title>
<link rel="Stylesheet" href="css/global-01.css" />
<script src="js/jquery-1.4.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.quote_rotator.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function () {
$('ul#quotes').quote_rotator({
rotation_speed: 10000, // defaults to 5000
pause_on_hover: true, // defaults to true
randomize_first_quote: true // defaults to false
});
});
</script>
</head>
<body>
<!-- verdere HTML -->
Footer.php is ook alleen maar standaard HTML
En dan ziet de pagina 'zelf' er als volgt uit:
index.php
=========
<!-- allemaal HTML -->
De complete code voor de 'index.php' pagina is te downloaden op http://www.memfido.nl/memfido.rar
Toevoeging op 18/03/2011 21:59:14:
@KarlKarl. Ik heb geprobeerd om deze puntjes recht te breien. Hielp niet :(
Op zich had ik dat ook niet verwacht aangezien de html-versie (met dezelfde code) het wel doet.
Wanneer ik nu index.php opvraag krijg ik in ieder geval W3-validated code.
Ik wil graag het BOM-karakter weghalen, helaas geen idee waar het vandaan komt.
Gewijzigd op 18/03/2011 21:14:33 door Ferry Onderwater
Karl Karl op 18/03/2011 20:59:55:
Verder zegt de w3 validator ook dat je een BOM karakter hebt staan, die zou ik ook maar weghalen, volgens mij kan ie daar ook op flippen.
Dat zou ik eerst even doen.
Edit: Je code openen in een goeie ASCII (kladblok bv.) editor en dan opnieuw opslaan.
Gewijzigd op 18/03/2011 22:03:24 door - SanThe -
- SanThe - op 18/03/2011 22:01:31:
Dat zou ik eerst even doen.
Edit: Je code openen in een goeie ASCII (kladblok bv.) editor en dan opnieuw opslaan.
Karl Karl op 18/03/2011 20:59:55:
Verder zegt de w3 validator ook dat je een BOM karakter hebt staan, die zou ik ook maar weghalen, volgens mij kan ie daar ook op flippen.
Dat zou ik eerst even doen.
Edit: Je code openen in een goeie ASCII (kladblok bv.) editor en dan opnieuw opslaan.
Jah, want er hoort geen data voor de doctype te staan volgens ie.
Let wel op dat het zo kan zijn dat er een blokje aan het begin van je tekst staat. Dat is die BOM karakter.
Toevoeging op 18/03/2011 23:40:04:
Jullie zijn helden. Het ligt toch aan het BOM-karakter. En ook kladblok verwijdert het niet :( Vanaf een command-prompt 'type index.php' liet het pas zien.
En nu met notepad++ waarbij ik in de settings zeg dat het UTF-8 without BOM bestanden moeten zijn werkt het.
Thanx!