IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

structure CSS : Espaces non voulus [HTML 5]


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Août 2011
    Messages
    28
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2011
    Messages : 28
    Par défaut structure CSS : Espaces non voulus
    Bonjour à tous,

    je suis en train de me faire un petit portfolio perso sans prétention, j'en suis au paufinage et un détail m'agace :
    Sur Firefox, il y a des espaces non voulus avant et après mon footer.
    En effet, en regardant avec Firebug, il y a deux blocs vides qui entourent mon Footer. Si je les supprime via l'outil, le problème disparaît. J'ai réussi à pallier à ce problème sur les autres navigateurs en mettant une margin-top négative, mais rien n'y fait sur Firefox.

    J'ai farfouillé mon code dans tous les sens, désactivé tous mes plugins wordpress, désactivé javascript, mais rien n'y fait...

    Des idées ? Souvent, ce genre d'erreurs est du à de l'inattention mais j'ai tellement vérifié et revérifié que je commence à me poser des questions... Je n'ai jamais eu ce problème sur mes autres sites.

    Merci d'avance !

    EDIT : Avec l'URL, c'est mieux http://ytocreau.com

  2. #2
    Rédacteur

    Avatar de Torgar
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 334
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 334
    Par défaut
    Salut,

    On peut voir le code ? Ca peut aider...
    Je ne suis pas schizophrène, nous sommes unanime !!!

    ► Pensez à la balise code et au CODE HTML GENERE !!!!
    ► Au si c'est le cas et au à ceux qui vous ont aidé.
    Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous !

    Créer des colonnes de même hauteur en CSS
    Glossaire CSS
    Les bordures en CSS3
    Les transitions en CSS3

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Août 2011
    Messages
    28
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2011
    Messages : 28
    Par défaut
    Firebug ne suffit pas ? Mon code est blindé de scripts PHP et mon CSS principal fait 1000 lignes alors c'est beaucoup plus clair sous un outil tel que Firebug il me semble...

  4. #4
    Rédacteur

    Avatar de Torgar
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 334
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 334
    Par défaut
    Citation Envoyé par gogetenk Voir le message
    Firebug ne suffit pas ? Mon code est blindé de scripts PHP et mon CSS principal fait 1000 lignes alors c'est beaucoup plus clair sous un outil tel que Firebug il me semble...
    Et tu peux me dire où on l'utilise le Firebug ? Non parce que je l'ai l'extension, là n'est pas le problème et je veux bien m'en servir. Mais si on a pas au minimum l'adresse du site internet, elle me servira à rien du coup
    Je ne suis pas schizophrène, nous sommes unanime !!!

    ► Pensez à la balise code et au CODE HTML GENERE !!!!
    ► Au si c'est le cas et au à ceux qui vous ont aidé.
    Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous !

    Créer des colonnes de même hauteur en CSS
    Glossaire CSS
    Les bordures en CSS3
    Les transitions en CSS3

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Août 2011
    Messages
    28
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2011
    Messages : 28
    Par défaut
    Oh le c**

    http://ytocreau.com

    Désolé

  6. #6
    Rédacteur

    Avatar de Torgar
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 334
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 334
    Par défaut
    Donc, maintenant que j'ai pu voir.

    Quand tu inspectes le code avec Firebug, il a un retour à la ligne entre le footer et la section 4. (plusieurs même si on regarde la source de la page)

    Pour ma part je n'ai eu qu'à cliquer entre les deux div et supprimer cet espace vide. Puis appliquer un margin-top: 19px; sur le footer. Sans, on ne distingue plus la frise en dent de scie.

    A vérifier mais, je pense que le positionnement relatif et le décalage en haut n'est peut-être plus nécessaire pour le footer.

    En passant, sympa le site
    Je ne suis pas schizophrène, nous sommes unanime !!!

    ► Pensez à la balise code et au CODE HTML GENERE !!!!
    ► Au si c'est le cas et au à ceux qui vous ont aidé.
    Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous !

    Créer des colonnes de même hauteur en CSS
    Glossaire CSS
    Les bordures en CSS3
    Les transitions en CSS3

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Structure css comportement non voulu.
    Par jameson dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 20/11/2013, 17h19
  2. [CSS] Lien non souligné
    Par FrankOVD dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 05/07/2005, 21h25
  3. [CSS] espace avant affichage menu
    Par calimero82 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 25/05/2005, 09h36
  4. probleme d'espace non voulu entre 2 bloc
    Par piff62 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 12/04/2005, 16h07
  5. [JDOM] espaces non sauvés
    Par Piolet dans le forum Format d'échange (XML, JSON...)
    Réponses: 6
    Dernier message: 26/11/2004, 18h53

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo