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

Mise en page CSS Discussion :

CSS, FF et espace en trop


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé Avatar de oceane751
    Profil pro
    Intégrateur Web
    Inscrit en
    Novembre 2004
    Messages
    1 280
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Intégrateur Web

    Informations forums :
    Inscription : Novembre 2004
    Messages : 1 280
    Par défaut CSS, FF et espace en trop
    Bonjour,

    Bon il est 4h du mat' et je n'arrive pas à résoudre un problème curieux sur FF (sur chrome ça passe, étrange... )
    En gros, j'ai cette url : http://vaurel.free.fr/shoes/index.html
    En bas du site, j'ai "blog news"
    On voit qu'il y a beaucoup d'espace entre les 2 news qu'il n'y a pas sous chrome et je ne sais pas d'où ça vient :/

    Quand on regarde avec firebug sur le carré vert de date, on voit un espace en dessous de l'image carré vert et je ne sais pas du tout d'où il sort
    Regardez sous chrome, il n'y en a pas!

    Et quand j'enlève le "apr 01" tout redevient normal ! space !

    ps : je travaille avec BOOTSTRAP

    Avez vous une idée?

    Merci

  2. #2
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Bonsoir, apparemment ton problème est résolu.

  3. #3
    Membre éprouvé Avatar de oceane751
    Profil pro
    Intégrateur Web
    Inscrit en
    Novembre 2004
    Messages
    1 280
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Intégrateur Web

    Informations forums :
    Inscription : Novembre 2004
    Messages : 1 280
    Par défaut
    Bonsoir

    Non, il a toujours ce p***** d'espace que l'on voit avec firebug

    Regarde l'image Nom : blog.jpg
Affichages : 203
Taille : 77,0 Ko

    Merci

  4. #4
    Membre éprouvé Avatar de oceane751
    Profil pro
    Intégrateur Web
    Inscrit en
    Novembre 2004
    Messages
    1 280
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Intégrateur Web

    Informations forums :
    Inscription : Novembre 2004
    Messages : 1 280
    Par défaut
    En fait, quand je mets :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    la_date col-lg-11 col-md-12  col-sm-12

    à la place de
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    la_date col-lg-12 col-md-12  col-sm-12

    ça passe, j'ai plus autant d'espace en dessous... mais je suis obligé de le mettre pour que le "01" passe en dessous
    et si je mets APR<br />01, j'ai le même problème

    Et je viens de voir que l'espace en dessous concerne tous les éléments de la news

    Nom : blog2.jpg
Affichages : 160
Taille : 22,0 Ko


    pfffu je m'en sors pas...

  5. #5
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Je n'ai pas ce problème avec mon FF (la date s'écrit sur une ligne), commencer par réinitialiser ton zoom graphique si ce n'est pas déja fait (Ctrl/Pomme + 0)
    Cet espace correspond à l'espace que prends le Apr 01 (sur 2 ligne) puisque tu l'as remonté via un position:relative.
    Le positionnement relatif (contrairement à l'utilisation de marges (négative dans ce cas)) déplace l'élément de telle sorte que l'espace qu'il occupait avant déplacement reste intacte. D'ailleurs pourquoi remonter la date, désolé mais ça m'a l'air un peu tordu comme méthode.

    D'autre part pourquoi une image pour un fond uni?
    Tu devrais plutôt avoir un balisage simplifié dans ce genre :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <div class="col-lg-12 col-md-12 col-sm-12">
            <span class="la_date col-lg-12 col-md-12  col-sm-12"><abbr  title="April">APR</abbr> O1</span>
            <h2 class="title_blog col-lg-8 col-md-8 col-sm-8">Hac ex causa</h2>
             <p class="col-lg-10 col-md-11 col-sm-11">Conlaticia stipe Valerius humatur ille Publicola rtifex dirus, unde.</p>
    </div>

  6. #6
    Membre éprouvé Avatar de oceane751
    Profil pro
    Intégrateur Web
    Inscrit en
    Novembre 2004
    Messages
    1 280
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Intégrateur Web

    Informations forums :
    Inscription : Novembre 2004
    Messages : 1 280
    Par défaut
    Hey!
    Merci!
    En fait, j’étais à 110% de zoom sur ff
    Je me suis dit, ff qui déconne c'est pas possible :/
    Faut vraiment que j’arrête de taffer quand je suis crevé , je fais vraiment de la m****

Discussions similaires

  1. [String]effacer espaces en trop
    Par showlap1 dans le forum Langage
    Réponses: 9
    Dernier message: 24/11/2005, 17h40
  2. [HTML] espaces en trop
    Par Anduriel dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 18/11/2005, 20h44
  3. Menu CSS vertical, petit espace entre les images sous IE
    Par Death83 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 24/10/2005, 09h52
  4. [HTML/CSS] bordures et espacements
    Par LE NEINDRE dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 18/08/2005, 14h14
  5. [CSS] Instruction Padding : FireFox pas trop comprendre ?
    Par DemonKN dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 11/08/2005, 15h23

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