私が取り組んでいるサイト:http://bayhouse.biklopsdesign.comは、どういうわけか非常に広いです。これにより、水平スクロールバーが発生し、固定位置が非常に煩わしくなります。
誰かが何が起こっているのかわかりますか?私は何日も安心せずにFirebuggingしてきました。:/
私が取り組んでいるサイト:http://bayhouse.biklopsdesign.comは、どういうわけか非常に広いです。これにより、水平スクロールバーが発生し、固定位置が非常に煩わしくなります。
誰かが何が起こっているのかわかりますか?私は何日も安心せずにFirebuggingしてきました。:/
これは見つけるのが難しかったです!
リンク<a id="OTPoweredBy">...</a>にはのmarginがあり-9999px;ます。より賢明なものに設定するmarginと、右スクロールがすべて消えます。
答えは、固定配置要素のパーセンテージとして幅を宣言したことです。これは、親コンテナではなく、ビューポートのパーセンテージを取ります。
たとえば、私のビューポートの幅は 1900px です。つまり、設定されているすべての要素position: fixed; width: 100%が 1900px 幅になります。など、さまざまな場所でこれを行いaside#text-15.header_areaます。この SO answerも参照してください。