0

HTMLページがあります。私の 15 インチのラップトップ画面では、問題ないように見えます。しかし、より広い画面を使用しているユーザーは、画面の右側のテキストが右に大きくはみ出していると報告しています。

ビューソースの HTML を配置すると、非常に長くなります。ということで、ページへのリンクを貼っておきます。これを私がサイトを宣伝しているとは考えないでください (苦情があれば、リンクを html に置き換えます)。

何かを div でラップする必要があるのではないかと疑っていますが、確かではありません。私はfirebugでそれを見ています.Google広告の直後に問題が発生しているようですが、確かではありません.

正しい流出を修正する方法についてのアドバイスは大歓迎です。サイトはproblemio.comです

ありがとう、アレックス

4

3 に答える 3

1

あなたのサイトに次のようなラッパーを与えます:

<body>
<div class="wrapper">

......... REST OF SITE HERE ..........

</div>
</body>

ラッパーで以下を定義します。

.wrapper {
width: 100%;
max-width: 1140px; /* you cna change this to whatever px width you want */
margin: 0 auto; /* center */
}

これにより、サイトが中央に配置され、PX で最大幅が指定され、その制限に達するまで最大限に引き伸ばされます。

于 2013-03-22T18:22:11.170 に答える
1

コンテナ div に width または max-width を設定する必要があります。

サイトには、ID またはクラスが関連付けられていない div があります (バナーのすぐ上にあります)。そのdiv（または必要なサイズ）にwidth: 1200pxまたはを設定してみてくださいmax-width: 1200px

サイトを中央に配置するmargin: 0 auto;場合は、幅制限を設定する要素にも を追加します。

これはあなたのサイトの現在の構造です:

<body>
  <div class="wrapper">  <-- make this your wrapper
    <div class="banner" .....></div>
    <div id="body_container"> .....

CSS の場合:

.wrapper { 
width: 1200px;
margin: 0 auto;
}
于 2013-03-22T18:18:47.237 に答える
1

またはを入力<body/>してください:widthmax-width

body {
    max-width: 800px;
}
于 2013-03-22T18:18:53.187 に答える