2010-04-07 6 views
2

Un client souhaite avoir une image qui occupe l'intégralité de l'écran. Le problème est l'alignement vertical de la hauteur pour différentes tailles d'écran .... Quelle serait la solution la plus commune à la recherche de ce problème? Supposons que la résolution d'écran la plus courante pour l'audience du site est de 1024x768, mais elle devrait également être bonne pour les petites résolutions (en particulier pour les ordinateurs portables).Problème de mise en page de l'image d'arrière-plan

Mon idée initiale était d'utiliser une image telle que 1000x600 et un fond noir ... d'autres idées?

Merci!

Répondre

1

Comparez le format de l'écran avec le format de l'image, puis redimensionnez l'image de manière appropriée. Par exemple, si le rapport d'aspect (largeur/hauteur) de l'écran est plus grand que le format de l'image, il est trop large. Vous pouvez donc redimensionner la largeur de l'image tout en conservant la même taille que la fenêtre. Visa versa pour si c'est plus petit. Je pense que vous pouvez utiliser PHP pour réaliser ce que vous voulez.

+0

ressemble à un hack. Je suis intéressé par la bonne façon css/html de le faire. Je ne vais pas manipuler les images de fond avec php. – sarsnake

+0

Appelez cela un "hack", mais vous avez demandé la façon la plus élégante de le faire. C'est un site de programmation, donc je vous ai juste supposé poser une question de programmation. –

+0

c'est une question de mise en page - les mises en page sont faites avec html et css. Mais même si je devais utiliser vos conseils, c'est confus et pas assez détaillé - la résolution de l'écran est un paramètre côté client, php fonctionne côté serveur, donc vous auriez dû être plus précis dans votre réponse. Normalement, les mises en page sont optimisées pour une résolution d'écran et codées pour montrer gracieusement pour les autres. Je demande ce que les gens font pour optimiser l'écran 1024x768. – sarsnake