css - CSSのバグ-トレースなし

Question

私たちはウェブショップをやっていて、バグを作成しました：

http://konzolbazis.hu

背景をクリックして右カーソルキーを押すと、中央のコンテンツ全体がスライドします...

問題の原因を見つけようとしましたが、痕跡が見つかりませんでした。浮き上がりとポジショニングがどういうわけか混乱していました。

（私は知っています、cssは厄介で、クライアントの何百万もの要求によって行われる絶え間ない変更です...まだコードをクリーンアップするためです。）

助けてください。

編集：Firefox11を使用します。

Answer 1

画面の下部にあるスクロールバーに気づきましたか? 問題は、トップ メニュー ( ul.sf-menu) 内で幅を手動で設定することです。タグの内側には、が付いた<li>追加のタグがあります。それらを削除すると、すべて問題ありません。<ul>width: 965px

Answer 2

width:auto親の全幅を取得するように要素の幅を設定し、それを明示的に指定すると問題が発生することを理解する必要があります。要素が親から利用できるスペースではなく、それ自体で必要なスペースのみを取得するように幅を設定したい場合は、 のようにパーセンテージで指定することを検討してくださいwidth:78.33%。これにより、要素が78.33%親の幅を取るようになります。コンテナの幅は手動で設定されているため、修正する必要があります。次のように設定する必要があります

#container { width:auto; }

Answer 3

GOT IT:

was:

 .sf-navbar {
    height: 79px;
    position: relative;
  }

should be:

.sf-navbar {
    display: block;
    height: 111px;
    overflow-x: hidden;
    position: relative;
    width: 980px;
}