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 :

Background et Fire fox


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    12
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Novembre 2008
    Messages : 12
    Par défaut Background et Fire fox
    Bonjour à tous,

    J'arrive presque au bout de la réalisation de mon site. Cependant, je rencontre un petit soucis avec Fire Fox.

    Quand je fixe une image de fond à un bloc, cette dernière s'affiche uniquement si le dit bloc contien quelque chose.

    Dans ma CSS j'utilise :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    background-image: url('chemin de votre images');
    background-repeat: repeat;
    En visitant www.saispahv.fr avec IE puis FF, vous comprendrais tout de suite ce qu'il ne va pas.

    Par avance merci

  2. #2
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Bonjour,

    Les deux divs haut_g et haut_d sont floattante donc retiré du flux et n'héritent pas la hauteur de leur bloc parent haut qui se retrouve a height:0
    ajoute un overflow:hidden sur #haut pour établir un contexte de formatage bloc.

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    12
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Novembre 2008
    Messages : 12
    Par défaut
    Citation Envoyé par Macmillenium Voir le message
    Bonjour,

    Les deux divs haut_g et haut_d sont floattante donc retiré du flux et n'héritent pas la hauteur de leur bloc parent haut qui se retrouve a height:0
    ajoute un overflow:hidden sur #haut pour établir un contexte de formatage bloc.
    Merci, je vais essayer cette aprèm.
    Et donc, pour la bannière basse, bas_g, bas_c et bas_d étant flotant eux aussi, je dois appliquer la même chose à #bas.

    Je vous tiens au courant.

  4. #4
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Oui

  5. #5
    Membre chevronné Avatar de GihefBey
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    366
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Avril 2006
    Messages : 366
    Par défaut
    Bonjour,

    Je ne peux pas faire les tests comparatifs, mais si tu utilises une image d'arrière-plan de hauteur fixe, donne cette hauteur au bloc qui la reçoit.
    Par exemple :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    #haut {
      height : 145px;
      background : url(http://www.saispahv.fr/images/fond_repeat.gif) repeat-x center;
      color : #000;
      }

    Corrige un peu ton code.
    Les commentaires se terminent par -->, par exemple, sans !

    -

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

Discussions similaires

  1. Mon menu dynamique ne s'affiche pas sous Fire Fox
    Par kervano dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 10/05/2007, 15h28
  2. le font-size sur ie et fire fox
    Par henri68 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 27/05/2006, 17h35
  3. Debug sous Fire Fox
    Par Capt. Flame dans le forum Général JavaScript
    Réponses: 19
    Dernier message: 30/11/2005, 15h46
  4. Problème evenement clavier sous fire fox.
    Par fxp17 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 05/01/2005, 15h59

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