Code php qui génère du décalage

Version imprimable

17/06/2013, 23h28
supercyprien

Code php qui génère du décalage
Bonjour à tous,

J'ai créé une petite page qui, pour le moment ne fait rien. Enfin, si, suivant certaines conditions, elle effectue des redirections. Et, sinon, elle affiche(ra) un menu et une page.

Le code contenant les redirections se trouve entre le <!doctype html> et le <html>.

Le problème est que ce code "écrit" 4 caractères 'invisibles' entre le début de la seconde ligne et le <html>. De ce fait, même avec le css suivant :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 body { margin: 0; padding: 0; } #global { margin: 0 auto; padding: 0; width: 950px; }
la page commence avec un décalage de 26 pixels vers le bas avec Firefox, 20 pixels avec chrome et 18 avec internet explorer.

En recopiant le code html sans le php, j'arrive à ne pas avoir ce décalage.

Y-a-t-il un moyen (sans faire de redirection vers la page sans le php) de faire cesser ce décalage vers le bas qui semble, en plus, dépendre de façon importante du navigateur ?

C'est normal qu'il y ait un décalage, puisque les caractères "invisibles" sont intégrés dans le document compilé. Ex:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <!doctype html> Texte invisible (on fait comme si)  <html dir="ltr" lang="fr-FR"> <head> <meta charset="UTF-8" /> <title>Décalage? Normal!</title> <style type="text/css"> p { border: thin solid black; } </style> </head> <body> <p>Début document...</p> </body> </html>
Solution: virer ces carcatères intrusifs, non?

18/06/2013, 09h41
Bisûnûrs

Je verrais plus une marque BOM. Donc il faudrait enregistrer le fichier en UTF-8 sans BOM (marque d'ordre d'octet).

Tous les fichiers sont déjà encodés au format UTF-8 sans BOM.

Voici mon code pour le pHp :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!doctype html>
<?php
          Long code php qui fait des requêtes SQL et suivant les résultats de ces requêtes, génère une redirection...
 
?>
<html>
<head>
		<meta charset="utf-8"/>
		<link rel="stylesheet" type="text/css" href="style/index.css"/>
		<title>Edition du site</title>
	</head>
	<body>
		<div id="global">
			<div class="entete">
				<div class="blocmenu">
					<ul id="menu">
						<li><a href="index.php?fonction=profil">Profil</a></li>
						<?php
                                                        if($_SESSION['niveau']<2)
                                                        {
                                                                echo '<li><a href="index.php?fonction=gestion">Gestion</a></li>';
                                                        }
                                                ?>
 
						<li><a href="index.php?fonction=publicites">Publicités</a></li>
						<li><a href="index.php?fonction=actualites">Actualités</a></li>
						<li><a href="index.php?fonction=qcm">QCM</a></li>
						<li><a href="index.php?fonction=pages">Pages</a></li>
						<li><a href="index.php?fonction=gardes">Gardes</a></li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>

Lorsque je consulte le "code source de la page" avec un navigateur, je vois bien tout cela mais en fait le <html> ne se trouve pas en ligne 2, colonne 0 mais en ligne 2, colonne 4 alors qu'il n'y a apparemment aucun caractère avant...

Edit : ces caractères invisibles semblent générés par la ligne suivante de mon code pHp :

Code:

include('../utils/connexion/bdd-connect.php');

qui contient les variables nécessaires à la connexion à la base SQL : login, mot de passe, url...

Edit2 : Problème résolu... L'include en question appelait un autre fichier qui provenait d'un autre projet qui n''était pas encodé en UTF8 sans BOM !