Webページが右に空白だけで水平にスクロールする

Question

私はこのサイトをしばらく開発していましたが、今日私はブラウザの水平スクロールバーが表示されていて、数インチ右にスクロールできるようになっていたこれらはすべて空白のみで構成されています。

これはいくつかのページで行いますが、すべてではありません。私は放火犯でデバッグを試みたが、私はできませんhttp://www.princewebdesigns.com/staging/gallais/index.html

- ここhttp://www.princewebdesigns.com/staging/gallais/our-firm.html

私は問題を持っていないしたページである - ここで

は、私は問題を持っていたページがありますページの幅を広げているdivまたは要素を探します。浮動小数点に関連する可能性はありますか？それはすべてのブラウザで問題に見えます。

ご協力いただければ幸いです。

PS - 私はnavリンクが機能していないことを知っています。これは、Webサーバーのステージングディレクトリにサイトを一時的に格納しているためです。

Answer 1

cssクラス.bluebar h1はEMが要素の幅を定義するために使用すべきではないプロパティwidth: 70em;

を持っています。あなたのブラウザはh1を28pxのフォントサイズに換算し、.bluebarは28×70 = 1960px幅になります。 emやその他のcssユニットの適切な説明については、w3schools

を参照してください。FirebugとDragonflyの両方でページを移動できます。これはDragonflyのデフォルト動作です。 Firebugでは、Firebugウィンドウの左上にある矢印ボタンをクリックしてFirebugをオンにすることができます。このようにして、要素を非常に高速に見つけることができます。

Answer 2

問題は、このビットです：

<div class="bluebar"> 

あなたが<div class="banner">することを変更する場合、それは大丈夫動作します（ただし、明らかにあなたが今、背景のグラフィックスを持って、さらに検査では、私はああでハングアップする...ことがわかります。 ...ここに答えを複製するにはポイント

EDIT：！。さて、私はこれに答える時間がかかりすぎた - 笑ベンジャミンに回答信用を与える