2009-03-13 12 views
2

私は、他の言語を適用すると英語のターンがうまくいかないようにするために、いくつかのWebページレイアウトが完璧に機能することを発見しました。根本的な原因は、ある言語のいくつかの単語が長すぎると他の人にdivが最善の位置から離れてしまうことです。例えばウェブページの言語の長さをどのように扱うか?

<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> 

DIV1における「かくかくしかじか」が長く40emよりもいくつかの言語に翻訳される場合、DIV2を視界から押し出されます。

ウェブコンテンツをレイアウトするベストプラクティスはありますか。これにより、どのロケールでも完璧に動作するようになりますか?

答えて

2

空白を追加します。

アロケートされたスペースがオーバーフローしているテキストに問題がある場合は、さらにスペースを確保する必要があります。ほとんどのデザインは、コンテンツに少し余裕を持たせることで利益を得ることができます。

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

他の考慮事項は、試してみて、無害包むようにすることです。だからあなたの溢れているテキストが他のものを外に押し出しているなら、ラッピングが何かを傷つけないようにデザインを考え直すべきでしょう。

4

どのくらいの空白が許されるかについて、いくつかの経験則があります。これは、インライン英語のテキストの長さに基づいて、翻訳された文字列の追加の成長率です。

はSOので、ここで私の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% 

極東言語(中国語、日本語、韓国語)も、一般的に大きなフォントが必要になります。

これはどこから来たのですか? VB6 programmer's guide :)

関連する問題