[Résolu] Excès d'espace...

Bonjour,
J'ai participé au développement du site de ma boite, site mis en ligne il y a 3 semaines. Il subsiste un phénomène troublant sur certaines pages, et que je ne parviens pas à solutionner. Votre avis éclairé pourrait peut-être faire la lumière là-dessus.

Voici 2 liens vers 2 pages différentes : www.habitat-plus.com/nos-maisons.html et www.habitat-plus.com/nos-maisons/stylea.html

Vous remarquerez tout de suite que l'espace entre le menu et le fil d’Ariane est différent d'une page à l'autre... C'est là mon problème. J'ai retourné mon code HTML et mon CSS plusieurs fois sans résultat. Firebug et ses comparses d'IE ou de Chrome, font apparaître une série d'espaces "fantômes" que je ne retrouve pas dans mon code... (je sais, ça fait froid dans le dos)

"Lumière, Pierre" !

Merci d'avance pour votre réponse...

Bonjour,

A priori un petit soucis ici :

<!-- MENU PRINCIPAL --> 			<!-- BREADCRUMB -->
			<div id="fil_d_ariane">
<a id="back-page" class="savoirplus bgorange" href="javascript:history.go(-1);"><img alt="Fleche retour" class="middle" src="_medias/pics/fleche_back_.png"> retour</a>
	<ul id="breadcrumbs">
    	<li><a title="Page d'accueil" href="accueil.html">Accueil</a></li><li>Nos maisons</li>	</ul>
</div>			<!-- FIN BREADCRUMB -->

	<!-- MENU PRINCIPAL --> &#65279;<div id="fil_d_ariane">
<a id="back-page" class="savoirplus bgorange" href="javascript:history.go(-1);"><img alt="Fleche retour" class="middle" src="_medias/pics/fleche_back_.png"> retour</a>
	<ul id="breadcrumbs">
    	<li><a title="Page d'accueil" href="accueil.html">Accueil</a></li><li><a href="nos-maisons.html">Nos maisons</a></li><li>Collection Styléa</li>	</ul>
</div>

juste avant la div "fil d'ariane"...

Merci beaucoup 6l20 !

...mais alors là, je ne comprends pas du tout...
Je ne vois pas ce caractère (unicode ?) dans mon code : le div menu et le div fil d'Ariane sont des includes, et il n'y a rien entre eux. Ne parvenant pas à le trouver, je ne peux le supprimer...

Saurais-tu m'en dire plus ? De quel caractère s'agit-il ? D'où peut-il provenir ? Comment m'en débarrasser ? Est-ce que je pose trop de questions ?

Ça fait 3 semaines que je galère en vain, je sens que je suis proche du but !

A priori, il s'agit d'un espace invisible :

a écrit :
ZERO WIDTH NO-BREAK SPACE (aka BYTE ORDER MARK) (Unicode #65279)

Tu dois avoir un petit souci d'encodage UTF-8 (with BOM) sur ton fichier, tentes de le réencoder (sans BOM).
Les commentaires n'apparaissent pas sur ta deuxième url, tu as modifier ta manière de procéder ?

ps : beaucoup de js dans le corps du document, peut-être à regrouper et à placer en fin de doc ?

Miracle !

J'étais certain de trouver LA personne éclairée sur ce forum !

Il suffit qu'UN des fichiers qui composent la page soit enregistré avec BOM pour que ça produise l'erreur. Un nettoyage s'impose donc.

Je pense que mon comparse DreamWeaver m'a fait des blagues... Je serai vigilant à l'avenir.

Merci encore 6l20 pour ton aide.

Quant aux js... tu as raison et je vais tacher de faire le ménage là dedans aussi.

Et hop ! Résolu
Modifié par nfrela (21 May 2013 - 11:04)