Quelle est la meilleure largeur absolue pour une page Web?

Question

En supposant qu'une mise en page fluide n'est pas une option (car il s'agit d'une discussion différente tous ensemble), quelle est la largeur recommandée pour une mise en page de site? Quels sont les avantages et les inconvénients des différentes tailles?

Answer 1

J'ai toujours gardé avec 960px comme il est visible sur une résolution de 1024x768, et est proprement divisible par 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 et 480... donc je peux diviser le design de mon site (à l'aide de la règle des tiers) proprement.

EDIT après quelques années: Veuillez utiliser les CSS Media Queries pour rendre votre contenu sensible à la multitude d'appareils là-bas maintenant, si vous ne pouvez pas utiliser un fluide de mise en page. Je ne suis pas sûr que l'on peut prétendre à un pixel de largeur pour les gouverner tous en 2012.

Answer 2

Découvrez http://browsersize.com pour quelques statistiques intéressantes sur les résolutions d'écran des utilisateurs utilisent de nos jours. Vous pouvez utiliser http://setmy.browsersize.com rapidement redimensionner votre navigateur pour émuler l'affichage de votre site web à un particulier, la résolution de l'écran. Assurez-vous que votre mise en page répond à au moins l'une des plus largement utilisé la résolution de l'écran (1024 x 768).

Aussi, ne pas nécessairement de prendre le maximum d'espace horizontal. La largeur du texte (nombre de mots par ligne) dans l'idéal, ne devrait pas dépasser un certain seuil pour l'ergonomie:

À la commune de 1024×768 la résolution, la plupart des fixe-mise en page des sites web ne pas utiliser tout l'espace disponible à l' à gauche et à droite de leur contenu. Mises en page flexibles de faire un meilleur usage de l'espace horizontal, mais la lutte pour maintenir utilisable en ligne de longueurs. Des experts en utilisabilité nous ont dit que il ya tellement de nombreux mots que vous mettre sur une ligne. Entre 8 et 12 mots semble être l'idéal de la ligne longueur. Les médias imprimés, en particulier les journaux, n'hésitez pas à utiliser même des lignes courtes. Pourquoi? Parce qu'ils peuvent, en établissant le texte sur plusieurs les colonnes.

http://www.alistapart.com/articles/css3multicolumn

Answer 3

Si vous utilisez une largeur fixe plus large que le plus petit écran susceptible de visiter votre site, vous ennuierez et frustrerez les utilisateurs qui doivent faire défiler latéralement pour accéder au reste de votre contenu.

Answer 4

En même temps, il a été 800px; cependant, de plus en plus de sites commencent à utiliser 1000px. Cela s'explique par le fait que, le plus souvent, des "visiteurs" bas de gamme résolutions sont à 1024 x 768. Le 24 pixels laisse de la place pour le navigateur chrome, le rembourrage et les marges que vous souhaitez manipuler, etc.

Juste pour donner un peu de perspective, même la nouvelle vague des netbooks avec leur petit écran ont une résolution de 1024x768.

Mais, par-dessus tout, connaître votre public @warren suggère et en tirer avantage.

Answer 5

J'utilise également une mise en page entre 950 et 980px et toujours centrée, sauf indication contraire du client :)