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 :

background image fixe


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Décembre 2005
    Messages
    117
    Détails du profil
    Informations personnelles :
    Âge : 46

    Informations forums :
    Inscription : Décembre 2005
    Messages : 117
    Par défaut background image fixe
    Bonjour à vous,
    j'ai un petit souçi, j'aimerai savoir si il est possible de fixer le background d'une image.
    Je m'explique, je souhaiterai que mon image soit affichée entierement sur mon écran.
    Le problème est que quand je fais :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    body{background-image: url(monImage.jpg);}
    et bien je ne vois pas le bas de mon image. Elle est en quelque sorte coupée.

    Y'a t'il une solution ?

  2. #2
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    C'est parce que le corps de ta page n'est pas assez long. L'image est le fond du body, si le body est trop petit, tu ne pourras pas tout voir...

    tu peux tenter ceci:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    body {
      height: 100%;
    }
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  3. #3
    Membre confirmé
    Inscrit en
    Décembre 2005
    Messages
    117
    Détails du profil
    Informations personnelles :
    Âge : 46

    Informations forums :
    Inscription : Décembre 2005
    Messages : 117
    Par défaut
    Ca ne fonctionne pas, j'ai essayé 100%, et rien n'a changé. Meme en essayant 50%, il ne se passait rien non plus

  4. #4
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    Est-ce qu'il y a du contenu dans ta page?

    essaye ca pour voir si on part dans la bonne direction;
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    body {
      height: 1000px;
    }
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  5. #5
    Membre confirmé
    Inscrit en
    Décembre 2005
    Messages
    117
    Détails du profil
    Informations personnelles :
    Âge : 46

    Informations forums :
    Inscription : Décembre 2005
    Messages : 117
    Par défaut
    Ce ne change absolument rien, j'ai l'impression qu'il ne le prend pas en compte.

  6. #6
    Membre chevronné
    Avatar de DBProg
    Profil pro
    Étudiant
    Inscrit en
    Juillet 2006
    Messages
    242
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Moselle (Lorraine)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juillet 2006
    Messages : 242
    Par défaut
    Salut,

    Ton image doit dépasser la taille (verticale) de la page (ie. de ce que le navigateur peut afficher sans utiliser l'ascenceur).

    Je ne te conseille pas de mettre une grosse image en fond, car les résolutions sont souvent différentes, et le rendu peut être moyen, voire moche chez certaines personnes.

    Mais si tu tiens absolument à faire ça, peurt-être que cette solution fonctionnera :

    css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    body {
    background-image : ...
    }
    #fond {
    height : nnn px (où n est la hauteur de ton image)
    }
    html
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <body>
    <div id="fond">
    texte ...
    </div>
    </body>
    La vitesse de la lumière étant supérieure à la vitesse du son, certaines personnes brillent encore tant qu'elles n'ont pas parlé
    -----------------------------------------------------------
    Retrouvez mes articles informatique sur mon Site Developpez.
    Le reste, sur le Site perso !


  7. #7
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    si tu nous fait voir ton html et ton css, p'tet qu'on trouvera quelque chose qui explique cela...
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

Discussions similaires

  1. [CSS 2.1] background-image, répétition à interval fixe
    Par MrMeteo dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 17/07/2012, 22h54
  2. Réponses: 1
    Dernier message: 05/10/2008, 22h51
  3. Background, image "fixed" mal positioné[sous FF]
    Par Darkus_91 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 31/01/2008, 17h04
  4. background-image, l'image ne s'afiche pas
    Par Ashgenesis dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 17/11/2004, 14h38
  5. [div] background image
    Par noOneIsInnocent dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 26/10/2004, 19h36

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