Comment gérer différentes longueurs de langue dans une page Web?

Question

J'ai trouvé que la mise en page d'une page Web fonctionne parfaitement bien pour que l'anglais soit malpropre si une autre langue est utilisée. La cause profonde est que certains mots dans certaines langues sont trop longs et repoussent les autres div loin de leur meilleure position.

Par exemple,

<div style="width:40em; overflow: hidden"> 
     <div id="div1" style="float: left">Bla Bla Bla</div> 
     <div id="div2" style="float: left">Something</div> 
    </div> 

Si la "Bla Bla Bla" dans div1 est traduit dans une certaine langue plus longtemps que 40em, puis div2 est poussé hors de la vue.

Existe-t-il des bonnes pratiques pour la mise en page de contenu Web afin qu'elles puissent fonctionner parfaitement dans tous les environnements locaux?

Answer 1

Ajouter plus d'espaces.

Si vous rencontrez des problèmes de débordement de texte dans l'espace alloué, vous devrez peut-être vous assurer d'allouer plus d'espace. La plupart des designs peuvent bénéficier de donner un peu plus de place à leur contenu.

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

L'autre considération est d'essayer de faire l'emballage sans danger. Donc, si votre texte débordant pousse d'autres choses à sa place alors peut-être vous devriez repenser le design afin que l'emballage ne puisse rien faire de mal.

Answer 2

Voici quelques règles approximatives pour la quantité d'espaces à autoriser. C'est le taux de croissance supplémentaire des chaînes traduites basé sur la longueur du texte anglais initial.

SO ne me laisse pas faire une bonne table donc voici ma version ASCII :)

 
    Original  Additional 
    English  growth for 
    (characters) international 
    1 to 4   100% 
    5 to 10  80% 
    11 to 20  60% 
    21 to 30  40% 
    31 to 50  20% 
    Over 50  10% 

langues d'Extrême-Orient (chinois, japonais, coréen) sera également généralement besoin d'une police plus grande. Oserai-je vous dire d'où cela vient-il? Le VB6 programmer's guide :)