私のサイトは不必要に水平スクロールバーを表示しています。右側に260pxの余分な幅があるようです。960gsグリッドシステムを使用しています。
http://dev.keep-austin-level.gotpantheon.com/
助言がありますか?
私のサイトは不必要に水平スクロールバーを表示しています。右側に260pxの余分な幅があるようです。960gsグリッドシステムを使用しています。
http://dev.keep-austin-level.gotpantheon.com/
助言がありますか?
問題はあなたにあるようdiv#footer-menu
です。
あなたはそれの中で遊んでul.menu
適切にフィットするか、次のようなことをすることができます
#footer-menu{
overflow-x: hidden;
}
Facebookの「いいね!」ボタンの幅を適切なものに変更したり、オーバーフローを非表示に設定したりできます。
問題はとの定義に#footer-menu ul.menu
あり#footer-menu ul.menu li
ます。どちらの場合もleft: 50%
、ブロックを移動するものを使用しています。右に揃えたい場合は、両方を削除してleft: 50%
、に追加float: right
し#footer-menu ul.menu
ます。
それらを中央に配置したい場合は、次のように行うことができます。
#footer-menu ul.menu {
list-style-type: none;
margin: 0 auto;
padding: 0;
position: relative;
display: inline-block;
text-align: center;
}
#footer-menu ul.menu li {
position: relative;
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 6px 6px;
display: inline-block;
}