Adapter image de fond a la resolution

Shaytan Messages postés 17 Date d'inscription   Statut Membre Dernière intervention   -  
astuces72 Messages postés 2146 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
J'essaie de creer un site pour apprendre l'html, le css etc

Je voudrais savoir comment adapter mon image de fond a la resolution de tout le monde, car certains ne voient pas l'image en entier et d'autres l'image est trop petite!! Voici mon code css:

body
{
background-image: url("fondsite.jpeg");
background-attachment: fixed;
background-position: center;
overflow: auto;
width: 100%;
height: 100%;
margin: auto;
} Si quelqu'un peut me dire le(s) erreur(s) ou les manques?!
Configuration: Windows Vista
Internet Explorer 7.0

5 réponses

  1. zedat
     
    même problème de l'aide s'il vous plais
    4
    1. adelinoo
       
      voila la repense:

      Le code CSS:

      html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
      }
      #arriere {
      /* l'image occupe toute la place du body */
      width : 100%;
      height: 100%;
      }

      Le code HTML:

      <img id="arriere" alt="" src="araignees.jpg" />

      bn chance.
      0
    2. Tsuki
       
      Comment faire pour que l'image ne se déforme pas entre le ratio des écran standard et panoramique ?
      0
    3. zirconias Messages postés 7 Date d'inscription   Statut Membre Dernière intervention   1
       
      meme probleme , quelqu'un pourrais m'aider ?
      sinon @zedat si t'as eu la reponse j pourrais l'avoir ?!
      0
  2. lenzorino
     
    Salut les gens, chaque ordi a sa propre taille et est doté de sa propre résolution d'écran, donc je pense que le mieux à faire est d'adapter nos images aux dimensions les plus accessibles pour chaque utilisateur du style 800*600 (bien que certains ne voient pas le total de l'image, imagine ton site sur smartphone --')
    Si ca peut répondre à ta question ;)
    1
  3. astuces72 Messages postés 2146 Date d'inscription   Statut Membre Dernière intervention   1 669
     
    slt

    un script qui met une image en fonction de la taille de l'écran.
    Il faut juste une image dans chaque résolution d'écran.
    :D

    PS:
    De plus c'est pas la taille de l'écran qu'il faut mais la taille de la fenêtre du navigateur, alors oublis mon message....je le laisse quand même pour voir à quel point des fois je raconte bien des conneries.
    1
  4. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  5. mpmp93 Messages postés 2931 Date d'inscription   Statut Membre Dernière intervention   1 343
     
    Bonjour,

    sauf erreur, en HTML/CSS c'est pas possible....

    Il y a bien une solution si on maitrise le css, c'est de faire du positionnement absolu:
    - positionner une image en absolu avec width:100%,
    - positionner par dessus les autres éléments en absolu....

    A+
    0
    1. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
       
      En full CSS avec « background-size: cover; » :)
      Sinon Javascript ou positionnement absolu.
      0
    2. mpmp93 Messages postés 2931 Date d'inscription   Statut Membre Dernière intervention   1 343
       
      <cite>En full CSS avec « background-size: cover; » :) </cite>

      je connais, mais marche pas partout...
      0