Les Petits Liens Malfaisants, le 18/03/2014 à 13:33
Je refais la CSS de mon site (dans une version test)
Comme je veux unifier les différentes CSS (pluxml, shaarli, flux river, etc...) je travaille sur une feuille de style unique.

Et je ne comprends pas pourquoi entre http://www.petitetremalfaisant.eu/test/ et http://www.petitetremalfaisant.eu/test/shaarli j'ai une différence dans l'espace situé entre le header et le nav.

Avec Firebug, j'ai vérifié le code html affiché et la css utilisé des 2 pages, c'est tout pareil.

Qqn aurait une piste?

Merci
(Permalink)

Colibri, le 18/03/2014 à 13:47
@Les Petits Liens Malfaisants tu as un texte vide entre ton header[role="banner"] et ta nav.

Ton code est identique oui mais, tu as un gros espace vide entre les deux, c'est visible dans Chrome par exemple.

Tu peux le tester en javascript pour te rendre compte : document.querySelector('[role="banner"]').nextSibling;

Si dans ton  HTML tu ne trouves pas cet espace (surement ton éditeur qui n'est pas bien configuré), tu peux cheater en mettant un commentaire html qui s'ouvre à la fin du header et un qui se ferme en début de nav. Ou encore coller les deux tags.
(Permalink)

Les Petits Liens Malfaisants, le 18/03/2014 à 14:09
@Colibri

au final j'avais 2 fichiers header et navigation, j'ai tout regroupé en un seul, affiché les caractères spéciaux pour voir s'il y avait des parasites.
Et c'est nickel !

Merci pour ton aide :-)
(Permalink)