[Résolution écran] Adaptation automatique

Sunglasses Messages postés 113 Statut Membre -  
 lolo59 -
Bonjour,

J'ai créé un site où les pages ont pour fond des images 1024x768, insérées dans des balises </div>...

Du coup, quand je vais dessus, je me retrouve avec des scrollbars verticaux et horizontaux...

De plus, quand j'y accède à partir de Firefox, ça me fait sortir du mode "plein écran" de mon navigateur, et ça, à chaque fois que je clique sur un des liens...

Sous IE, ça reste en plein écran, mais comme sous Firefox, j'ai des scrolls ; dont le scroll horizontal qui disparaît si je sors du mode plein écran (idem avec Firefox)...

J'ai cherché diverses solution sur le web pour me débarasser de ces scrolls, en gros, pour faire que le fond s'adapte automatiquement à la résolution d'écran de celui qui navigue, qu'il ait la totalité de l'image devant ses yeux, sans aucun scroll... Plusieurs tutos proposaient de remplacer la valeur "width" en pixels du conteneur de l'image du fond par la valeur "100%", ce que j'ai fait...

Malheureusement, avec IE comme Firefox, l'image se rogne de façon horizontale pour s'adapter, mais la partie "rognée" devient noire, et les scrolls persistent...

Connaissez vous un code ou un script permettant de redimensionner automatiquement l'image selon le type d'écran utilisé, pour avoir l'image complète devant les yeux dès la connexion, en plein écran, sans aucun scroll...?

Sauriez-vous également pourquoi Firefox persiste à me sortir de mon plein écran, alors que IE est bien sage ?

Merci beaucoup d'avance, j'espère que mon charabia novice est un minimum compréhensible.

;)
Configuration: Windows XP
Firefox 2.0.0.3

8 réponses

  1.
    Serge_La Messages postés 408 Statut Membre 47
     
    Je vois un problème. Comment voir toute l'image si le rapport h/l n'est pas respecté par l'utilisateur? Tu auras alors toujours une barre de défilement.
    De plus, je ne vois pas l'utilté de l'élément div dans ce que tu veux faire. C'est peut-être la source du bug.
    1
    1. Sunglasses Messages postés 113 Statut Membre 100
       
      Pour ce qui est du </div>, je m'en suis remis à quelqu'un de ce forum, qui m'a filé un sacré coup de main. Apparamment, mettre l'image dans un </div> semblait nécessaire étant donné que je voulais mettre quelques rollovers, disséminés un peu partout sur l'image de fond...
      0
      1. Sunglasses Messages postés 113 Statut Membre 100 > Sunglasses Messages postés 113 Statut Membre
         
        J'ai trouvé ce qui faisait se redimensionner ma fenêtre, un petit script qui s'y était glissé... un truc style "onload resize.to 1030 860"... Bref, il suffit de le retirer et c'est bon !

        Par contre, pour la redimension automatique de l'image, je sèche encore...
        0
  2. Serge_La Messages postés 408 Statut Membre 47
     
    La balise <img width="1000" height="800"> peut être redimensionnée avec du javascript, je crois bien.
    1
    1. Sunglasses Messages postés 113 Statut Membre 100
       
      C'est-à-dire ? Désolée, je suis sous-douée...
      0
  3. Serge_La Messages postés 408 Statut Membre 47
     
    Ah, bon. Désolé.
    C'est assez compliqué. Dans ton cas, il faudrait faire un javascript qui mesure la grandeur de la fenêtre et ajuste la grandeur d'image en conséquence. Beaucoup trop de travail pour une aide gratuite. Tu sais que c'est possible au moins.
    :)
    Serge.
    1
    1. Sunglasses Messages postés 113 Statut Membre 100
       
      Ah, je vois... alors dans ce cas, sais-tu si il existe une largeur d'image qui sied à tous les écrans, sans scrolls, et sans pour autant pixelliser la page ?
      0
  4. gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention   1 340
     
    800*600 fixe ;-)
    1
    1. Sunglasses Messages postés 113 Statut Membre 100
       
      Okay, donc si ma largeur est de 800, ma page sera garantie sans scrolls, et non pixellisée, sur tous les écrans ?
      0

  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. gryzzly Messages postés 5220 Date d'inscription   Statut Contributeur Dernière intervention   1 340
     
    oui sous reserve que tu ne demandes pas d'étirer l'image a 100% de la largeur de l'ecran mais que tu la laisses tel quel
    1
    1. Sunglasses Messages postés 113 Statut Membre 100
       
      Okay...

      Cela dit, pour les écrans plus larges, l'image apparaîtra centrée, bordurée de noir, n'est ce pas ?
      0
    2. Serge_La Messages postés 408 Statut Membre 47 > Sunglasses Messages postés 113 Statut Membre
       
      Pas par défaut, je ne crois pas. Beaucoup de sites mettent le tout dans un tableau centré. Le reste du fond prendra la couleur de fond du "body" que tu définis. Tu peux définir la bordure et sa couleur en css.

      Serge.
      0
    3. Sunglasses Messages postés 113 Statut Membre 100 > Serge_La Messages postés 408 Statut Membre
       
      Mertci bgeaucoup, je crois que finalement, je vais laisser en 1024*768...
      0
    4. pyxel99 > Sunglasses Messages postés 113 Statut Membre
       
      pour redimensionnement automatique des images dans une popup voir l'application sur site www.bettyhonys3.fr (onglets objets) utiliser la messagerie contact (=webmaster) et je te donnerai autres liens d'application ou de script avec des variantes en popup et en CSS (quand popup sont interdits). (regarder les sources et lestatweb2.js)
      bonne chance
      pyxel99
      0
    5. Sunglasses Messages postés 113 Statut Membre 100 > pyxel99
       
      C'est gentil, mais ce n'est pas exactement ce que je veux faire.

      Anyway, merci tout de même d'avoir proposé ^^
      0
  7. Jean Fi
     
    je recherche la meme chose mais alléatoirement bien que n'ayant pas un gros niveau en matiere de programmation, j ai pu constater que le bug réside dans la confusion entre resolution ecran et zone graphique.
    l'ecran en 1024 par 768 prends egalement (ce qui diminue la zone image) les toolbars, etc .....
    la barre de titre, la barre de taches .....
    donc je suis simplement entrain de redimensionner mes pages a un format inferieur a 1024x768
    a priori cela serait du 1018x702 a vérifier.
    constat fait par capture d'ecran
    amicalement (meme si j ai peut etre dit des betises, mais je ne pense pas trop)
    1
  8. edmond
     
    utliser les % en largeur
    ca redimensionne l'image automatiquement suivant votre résolution
    a plus tard
    1
    1. lolo59
       
      Bonjour, moi, c'est un probleme avec la banniere du site, sur un ecran 15 et 17 pouce, ça fonctionne, mais sur 21 et plus, j'ai un carré blanc sur la droite de la banniere pour le reste de la page, c'est nikel et s'elargie en fonction.
      Faut il que je fasse sur la banniere proprietes cellule/ cocher specifier la largeur et mettre en 100%??
      Merci pour votre aide
      0
  9. masty
     
    salut,mon pc n'arrive pas a lire certain jeux telecharger sur le net.en fait lorsque j'essaye de lancer le jeux l'écrans vire au noir,ou va sur un format pas adapter.je suis sous wind xp pro.et je nyconnais pas grand chose en informatique.aidez moi svp.existe un logiciel qui me permet de regler ce probleme.ps :j'avais dejas telecharger directx,mais le probleme reste toujours le meme
    -2