誰かのために基本的なプロファイルを作成しようとしていて、960グリッドシステムを使用して練習しています。
それ以来、ほとんどの要素を配置するのに十分なグリッドを使用するコツをつかんでいますが、メニュー自体が中央に配置され、幅が100％であっても、メニューは少しずれているように見えます。右側は左側よりも大きいようです。 。
なぜそれが再生されているのかについて誰かが何か考えを持っていますか？
サイトのURLはhttp://digitalgenesis.com.au/sites/aliceです cssはhttp://digitalgenesis.com.au/sites/alice/css/main.cssです
次のような CSS を試してください。
.nav{margin-top: 20px;background:black; color:white; padding-top:10px; padding-bottom:10px;text-align:center; }
.nav li{display:inline; }
.nav a:hover{background:white; color:black; padding:10px 0px 10px 0px;}
.nav a{text-decoration:none; color:white; }
.footer{background:black; color:white; margin-top:20px; position:fixed; width:100%; bottom:0px;}
#top{width:100%; background:black; color:white;}
.title{font-size:26px; margin-top:45px; padding-left :10px;}
.wrapper{margin-top:50px;}
.logo{margin-left:0px;}
「.nav a:hover」のパディングを減らします。これが問題だと思います。