rss
Ils ont besoin de votre aide Tous les messages sans réponse
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

[Résolution écran] Adaptation automatique

Posté par Sunglasses, le dimanche 1 avril 2007 à 00:36:58
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
Répondre à Sunglasses  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Serge_La, le dimanche 1 avril 2007 à 04:20:55
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.
   
Répondre à Serge_La

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Sunglasses, le dimanche 1 avril 2007 à 12:11:41
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...
   
Répondre à Sunglasses

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Sunglasses, le dimanche 1 avril 2007 à 14:38:44
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...
   
Répondre à Sunglasses

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Serge_La, le dimanche 1 avril 2007 à 21:25:50
La balise <img width="1000" height="800"> peut être redimensionnée avec du javascript, je crois bien.
   
Répondre à Serge_La

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Sunglasses, le lundi 2 avril 2007 à 20:00:19
C'est-à-dire ? Désolée, je suis sous-douée...
   
Répondre à Sunglasses

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Serge_La, le lundi 2 avril 2007 à 22:43:12
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.
   
Répondre à Serge_La

7


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Sunglasses, le mardi 3 avril 2007 à 08:07:26
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 ?
   
Répondre à Sunglasses

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
gryzzly, le mardi 3 avril 2007 à 10:11:28
800*600 fixe ;-)
   
Répondre à gryzzly

9


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Sunglasses, le mardi 3 avril 2007 à 13:12:54
Okay, donc si ma largeur est de 800, ma page sera garantie sans scrolls, et non pixellisée, sur tous les écrans ?
   
Répondre à Sunglasses

10


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
gryzzly, le mardi 3 avril 2007 à 13:37:53
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
   
Répondre à gryzzly

11


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Sunglasses, le mardi 3 avril 2007 à 18:38:27
Okay...

Cela dit, pour les écrans plus larges, l'image apparaîtra centrée, bordurée de noir, n'est ce pas ?
   
Répondre à Sunglasses

12


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Serge_La, le mardi 3 avril 2007 à 18:53:22
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.
   
Répondre à Serge_La

13


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Sunglasses, le jeudi 5 avril 2007 à 16:18:55
Mertci bgeaucoup, je crois que finalement, je vais laisser en 1024*768...
   
Répondre à Sunglasses

14


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
pyxel99, le jeudi 5 avril 2007 à 17:31:21
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
   
Répondre à pyxel99

15


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Sunglasses, le vendredi 6 avril 2007 à 22:35:56
C'est gentil, mais ce n'est pas exactement ce que je veux faire.

Anyway, merci tout de même d'avoir proposé ^^
   
Répondre à Sunglasses

16


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
pyxel99, le samedi 7 avril 2007 à 00:15:51
Bonjour,
je precise que le progr. d'affichage de bettyhonys3.fr effectue un affichage automatique sur tous formats d'ecran en desactivant l'ascenceur pour tous les formats de taille d'affichage pour etre plus lisible.--voir les sources et JS--voir aussi la gestion de la fenetre a onglets--
<script type="text/javascript">
//fonction fenetremaxi disponible.
window.moveTo(0,0);
if (document.all) {top.window.resizeTo(screen.availWidth,screen.availHeight);}­
else {top.window.outerHeight=screen.availHeight;top.window.outerW­idth=screen.availWidth;}
</script>
voila qui peut repondre a la question ou servir a d'autres.
bonne journee
   
Répondre à pyxel99

17


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Jean Fi, le mercredi 11 juillet 2007 à 20:03:19
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)
   
Répondre à Jean Fi

18


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 masty, le lundi 21 avril 2008 à 23:19:31
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
   
Répondre à masty
Posez votre question Répondre
Logiciels pertinents trouvés dans les téléchargements
Télécharger gPhotoShow Free 1.6.2gPhotoShow Free - gPhotoShow est un économiseur d'écran pour Windows 95/98/NT/ME/2000/XP/Vista. Il permet d'afficher un diaporama à partir...Catégorie: Personnalisation
Licence: Freeware/gratuit
Télécharger la boite a couleurs 1.6.15la boite a couleurs - La Boîte à Couleurs est une application pour Windows écrite par Benjamin Chartier. Comme son nom l'indique, il offre des...Catégorie: Couleur
Licence: Freeware/gratuit
Télécharger Caledos Automatic Wallpaper Changer 6.5.2Caledos Automatic Wallpaper Changer - Caledos Automatic Wallpaper Changer est comme son nom l'indique, un gestionnaire de fond d'écran. Les principales...Catégorie: Organiseur
Licence: Freeware/gratuit
Télécharger Picasa 2.7Picasa - Picasa est un logiciel de gestion de photos permettant de rechercher et d'organiser les photos stockées sur votre disque...Catégorie: Album photo
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « [Résolution écran] Adaptation automatique »