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,

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:

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

Marge inexpliquée css

CSS

Vue hybride

Discussions similaires

Partager

Partager