Marge inexpliquée css

rubenxela · 04/02/2011, 18h28

Bonjour,
Je suis face à un problème certainement très con mais que je n'arrive pas à résoudre, j'ai fait le tour de mes hypothèses et j'aurais vraiment besoin de vos lumières.

En fait j'utilise un script qui appelle toutes les fonctions via un fichier index.php. Le code au niveau de la mise en page css est donc le même partout, il n'y a que dans le corps que ça change.

Mon problème : pour deux pages avec le même css j'en ai une nickel et l'autre avec une marge en haut. Je ne vois rien dans le corps qui pourraient gêner, j'ai essayer avec d'autres charset (ça marche en local mais pas via serveur), j'ai bien regardé les javascript ... mais je ne trouve rien de logique qui pourrait annuler cette marge en haut.
Je pensais vraiment au doctype mais même en changeant rien ne bouge !!

Si quelqu'un a un peu de temps à m'accorder je vous montre 2 types de pages dans le cas cité. Je ne linl pas les url pour ne pas les indexer.

PAGE CORRECTE : -http://questions.banque.org/questions
PAGE PROBLEMATIQUE : -http://questions.banque.org/1/quest-ce-que-l%C3%A9co-pr%C3%AAt-%C3%A0-taux-z%C3%A9ro

CSS : http://questions.banque.org/qa-theme/Candy/qa-styles.css

merci de votre aide

ornitho13 · 04/02/2011, 20h57

sur la page suivante:
http://questions.banque.org/1/quest-...taux-z%C3%A9ro

Il y a des erreurs dans ta page :
- il y a des tags qui devraient être présents dans le <head> (<base>, <link>, etc...)

Quand on regarde le code source, on constate qu'il y a un caractère de texte en premier : '.'.
Ce caractère étant en premier, le navigateur interprète le premier caractère comme faisant parti du <body>.

Supprime ce premier caractère et tout devrait rentrer dans l'ordre.

rubenxela · 05/02/2011, 10h56

Bonjour Ornitho et merci pour ta réponse.
Je n'arrive pas à voir dans le code source de balises déplacées du head dans le body, ni ce caractère superflux.
Avec firebug je vois qu'il prend en compte une partie du head dans le body mais dans le code source à proprement parler ce n'est pas le cas et je ne vois pas quel caractère pose un problème à ce point.
Je ne vois donc pas non lus le caractère de texte superflux avant le body ! Peux tu me dire quel plugin ou soft tu regardes pour mater le code source car comme dis via wordpad pas de soucis visibles pour moi et firebug interprète tous les javascript etc donc pas facile d'y voir clair.
Merci encore

ornitho13 · 05/02/2011, 15h17

j'ai utilisé Chrome et j'ai juste fait un ctrl+U pour voir le code source

.
Regarde bien le premier caractère avant la déclaration du DOCTYPE dans cette source, tu verras le caractère.

Je me demande si cela ne vient pas de l'encodage de ton fichier lors de son enregistrement (par exemple enregistrement UTF-8 avec ou sans BOM...), car sous firebug, on ne constate pas le caractère mais on discerne comme une tabulation devant le DOCTYPE.

rubenxela · 07/02/2011, 13h20

Merci j'ai effectivement pu voir ce caractère dans le code source sous chrome !! Je ne sais pas du tout d'où il sort ! J'ai regardé partout dans le code, rien à faire je ne trouve pas !!
Bon du coup au moins ça aura eu le mérite de me faire imaginer un hack. J'ai rajouté un "-" en haut de document et réglé le margin-top, tout rentre dans l'ordre avec des bouts de ficelle. Mais du coup je suis bien intrigué. En tous cas merci Ornitho.

ornitho13 · 07/02/2011, 16h35

Cela provient peut être de ta façon d'enregistrer ton fichier (comme je disais dans le message précédent UTF8 avec ou sans BOM...).

J'avais déjà rencontré ce genre de problème à cause de ça avec notepad++.

Candygirl · 07/02/2011, 16h52

Hello,

Citation:

Envoyé par rubenxela

Merci j'ai effectivement pu voir ce caractère dans le code source sous chrome !! Je ne sais pas du tout d'où il sort ! J'ai regardé partout dans le code, rien à faire je ne trouve pas !!

ornitho13 t'a pourtant pointé le problème:

Citation:

Envoyé par ornitho13

Je me demande si cela ne vient pas de l'encodage de ton fichier lors de son enregistrement (par exemple enregistrement UTF-8 avec ou sans BOM...)

Si tu regardes tes fichiers en exa, tu verras la séquence d'octets EF BB BF qui correspond bien à la présence du BOM dans ton encodage UTF-8.

Cherche dans les préférence de ton éditeur afin d'enregistrer tes fichiers en UTF-8 sans BOM

Edit: grillée

04/02/2011, 18h28	#1
rubenxela Invité de passage Alex Inscription : septembre 2003 Messages : 12 Détails du profil Informations personnelles : Nom : Alex Localisation : France, Rhône (Rhône Alpes) Informations forums : Inscription : septembre 2003 Messages : 12 Points : 0 Points : 0	Marge inexpliquée css Bonjour, Je suis face à un problème certainement très con mais que je n'arrive pas à résoudre, j'ai fait le tour de mes hypothèses et j'aurais vraiment besoin de vos lumières. En fait j'utilise un script qui appelle toutes les fonctions via un fichier index.php. Le code au niveau de la mise en page css est donc le même partout, il n'y a que dans le corps que ça change. Mon problème : pour deux pages avec le même css j'en ai une nickel et l'autre avec une marge en haut. Je ne vois rien dans le corps qui pourraient gêner, j'ai essayer avec d'autres charset (ça marche en local mais pas via serveur), j'ai bien regardé les javascript ... mais je ne trouve rien de logique qui pourrait annuler cette marge en haut. Je pensais vraiment au doctype mais même en changeant rien ne bouge !! Si quelqu'un a un peu de temps à m'accorder je vous montre 2 types de pages dans le cas cité. Je ne linl pas les url pour ne pas les indexer. PAGE CORRECTE : -http://questions.banque.org/questions PAGE PROBLEMATIQUE : -http://questions.banque.org/1/quest-ce-que-l%C3%A9co-pr%C3%AAt-%C3%A0-taux-z%C3%A9ro CSS : http://questions.banque.org/qa-theme/Candy/qa-styles.css merci de votre aide
	00

04/02/2011, 20h57	#2
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	sur la page suivante: http://questions.banque.org/1/quest-...taux-z%C3%A9ro Il y a des erreurs dans ta page : - il y a des tags qui devraient être présents dans le <head> (<base>, <link>, etc...) Quand on regarde le code source, on constate qu'il y a un caractère de texte en premier : '.'. Ce caractère étant en premier, le navigateur interprète le premier caractère comme faisant parti du <body>. Supprime ce premier caractère et tout devrait rentrer dans l'ordre.
	00

05/02/2011, 10h56	#3
rubenxela Invité de passage Alex Inscription : septembre 2003 Messages : 12 Détails du profil Informations personnelles : Nom : Alex Localisation : France, Rhône (Rhône Alpes) Informations forums : Inscription : septembre 2003 Messages : 12 Points : 0 Points : 0	Bonjour Ornitho et merci pour ta réponse. Je n'arrive pas à voir dans le code source de balises déplacées du head dans le body, ni ce caractère superflux. Avec firebug je vois qu'il prend en compte une partie du head dans le body mais dans le code source à proprement parler ce n'est pas le cas et je ne vois pas quel caractère pose un problème à ce point. Je ne vois donc pas non lus le caractère de texte superflux avant le body ! Peux tu me dire quel plugin ou soft tu regardes pour mater le code source car comme dis via wordpad pas de soucis visibles pour moi et firebug interprète tous les javascript etc donc pas facile d'y voir clair. Merci encore
	00

07/02/2011, 13h20	#5
rubenxela Invité de passage Alex Inscription : septembre 2003 Messages : 12 Détails du profil Informations personnelles : Nom : Alex Localisation : France, Rhône (Rhône Alpes) Informations forums : Inscription : septembre 2003 Messages : 12 Points : 0 Points : 0	Merci j'ai effectivement pu voir ce caractère dans le code source sous chrome !! Je ne sais pas du tout d'où il sort ! J'ai regardé partout dans le code, rien à faire je ne trouve pas !! Bon du coup au moins ça aura eu le mérite de me faire imaginer un hack. J'ai rajouté un "-" en haut de document et réglé le margin-top, tout rentre dans l'ordre avec des bouts de ficelle. Mais du coup je suis bien intrigué. En tous cas merci Ornitho.
	00

07/02/2011, 16h35	#6
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	Cela provient peut être de ta façon d'enregistrer ton fichier (comme je disais dans le message précédent UTF8 avec ou sans BOM...). J'avais déjà rencontré ce genre de problème à cause de ça avec notepad++.
	00

05/02/2011, 15h17	#4
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	j'ai utilisé Chrome et j'ai juste fait un ctrl+U pour voir le code source . Regarde bien le premier caractère avant la déclaration du DOCTYPE dans cette source, tu verras le caractère. Je me demande si cela ne vient pas de l'encodage de ton fichier lors de son enregistrement (par exemple enregistrement UTF-8 avec ou sans BOM...), car sous firebug, on ne constate pas le caractère mais on discerne comme une tabulation devant le DOCTYPE.
	10

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email