[Résolution écran] Adaptation automatique
Sunglasses
Messages postés
112
Date d'inscription
Statut
Membre
Dernière intervention
-
lolo59 -
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.
;)
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.
;)
A voir également:
- [Résolution écran] Adaptation automatique
- Double ecran - Guide
- Réponse automatique thunderbird - Guide
- Capture d'écran whatsapp - Accueil - Messagerie instantanée
- Retourner ecran pc - Guide
- Capture d'écran samsung - Guide
8 réponses
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.
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.
La balise <img width="1000" height="800"> peut être redimensionnée avec du javascript, je crois bien.
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.
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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
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
bonne chance
pyxel99
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)
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)
utliser les % en largeur
ca redimensionne l'image automatiquement suivant votre résolution
a plus tard
ca redimensionne l'image automatiquement suivant votre résolution
a plus tard
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
Faut il que je fasse sur la banniere proprietes cellule/ cocher specifier la largeur et mettre en 100%??
Merci pour votre aide
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
Par contre, pour la redimension automatique de l'image, je sèche encore...