ヘッダーメニューの幅とbodyの幅が合わない。横にはみ出て空白が生じてしまう。

Question

■ 問題
幅設定が上手く合わないせいか、下記画像のように、横にスクロールすると右部分に空白ができてしまいます。
本来ですと、右側の空白は生じず、横にもスクロールされないつくりにしたいところです。

下記URLが該当するサイトです。

http://test1234.rapport-united.com/

■ やってみたこと

ヘッダーメニューのみ幅の長さが長いのでwidth:100%からwidth:88%等にして調整したのですが、どうも白い空白は直りません。

■ お願い
今回空白部分ができた原因と解決策についてお伺いしたいです。
どうぞよろしくお願いいたします。

Comments

[退会済みユーザー]

ブラウザは何ですか？　提示されいる URL を Firefox 49.0 で見ましたが、きちんと表示されていてズレるということはありませんでしたが・・・

[SuzukiToshiyasu]

Google Chromeの最新版53.0.2785.116 (64-bit)を使用しています。
ただ、Firefoxの49.0でも同様の現象が見られました。

最初のアニメーションではズレませんが、アニメーションが終わった後にズレが生じてしまいます。

Answer 1

.menu_title {
/*width: 780px;*/
}

Comments

[SuzukiToshiyasu]

直りました！大変助かりました！！