右のメニューの横幅指定している所が不明

Question

お世話になっております。

CSSの指定している場所が分からないので
調査方法をご教授頂きたく質問表記失礼します。

メニューA　　　コンテンツ内容を
メニューB　　　こちらに記述
メニューC　　　します。

というページを作成したのですが

コンテンツ内容を
こちらに記述
します。

の下に左右のスクロールバーが出てきてしまい
どこで指定しているのか分かりません。

<div id="wp-main-side">
    <!-- TemplateBeginEditable name="main" -->
<div id="main">
コンテンツ内容を<br/>
こちらに記述<br/>
します。<br/>
</div><!--main end-->
<!-- TemplateEndEditable -->
<div id="side">
<ul class="accordion" id="accordion-1">
    <li class="ac_top"><a href="../a/index.html">メニューA</a></li>
    <li class="ac_top"><a href="../b/index.html">メニューB</a></li>
    <li class="ac_top"><a href="../c/index.html">メニューC</a></li>
</ul>
</div>
</div>

で

#wp-main-side {
	width:920px;
	margin:auto;
}

#main {
	width: 680px;
/*調整残骸/	width: 920px;/**/
	float: right;
	margin-bottom: 30px;
	/*ここから出たの隠す*/
	overflow: auto;
}

#side {
	width: 220px;
	float: left;
	line-height: 30px;
	text-indent: 20px;
	font-size: 12px;
	margin-left: 10px;
	padding-top: 20px;
	margin-bottom: 30px;
}

となっているのですが下のサイドバーを指定している部分は
どちらが怪しいがご助力頂けないでしょうか？

お忙しいところ大変申し訳ないのですが
上記お問い合わせいたします。

Answer 1

ブラウザの開発者ツール等は試されたのでしょうか？

-追記-
ご提示のコードでHTML「コンテンツ内容をこちらに記述します。」の部分が無いのですが、こちらもHTML・CSSをご提示ください。他の皆さんからより良い回答を得れると思います。

-Chrome開発者ツール使い方・参考リンク先-
https://saruwakakun.com/html-css/basic/chrome-dev-tool

他にも多々ありますので「Chrome開発者ツール使い方」等で質問者さんにとって、理解しやすいサイトを、検索して見てください。

Comments

[moitaro]

コメントありがとうございます。
chromeでどこが悪いのか調査する能力が無いため
困っているのです……

お勧めURLなどございましたらお教え頂けないでしょうか？

[moitaro]

追記　ありがとうございます……

仰る通りtemplateを貼っただけで記載がなかったですね……

最小単位で作り直して確認した方が良い気がしてきました……((+_+))

[yoshinavi]

めげる必要はありません。つまづきは皆あります。あって当然です。一つ一つ解決していけば良いですし、最終的に求める形が出来るまでは大変でしょうが、開発者ツールが最低限でも使えるようになると随分楽になります。頑張ってください。
(^^)

[moitaro]

度々ありがとうございます。
おかげさまで解決できましたっ

上記には書き忘れていた.pageでwideを指定していたのが原因でした……

この度は本当にありがとうございました。

[yoshinavi]

解決されてなによりです。これからも大変でしょうが頑張ってください。

Answer 2

左右のスクロールバーが出てきてしまいどこで指定しているのか分かりません。

　

    overflow: auto;

これが原因かと。

auto

ユーザエージェントに依存する動作です。Firefox のようなデスクトップブラウザでは、**コンテンツがはみ出るならスクロールバー**を作ります。

overflow - CSS | MDN

Comments

[moitaro]

ありがとうございます。
overflow: auto;
をコメントアウトしてみてみると上手く行っているように【みえた】のですが
文章などで右側が切れているので
全頁 style="width: 670px;"と入れ込まないと出来ない状況です……
chromeなどで頁を見て調査してもどこで指定しているか分からないので困っております……

しょうがないから
全頁 style="width: 670px;"と入れても良いので
今後の為　どうやって調査すれば良いのかご教授頂けないでしょうか？

お忙しいところ大変申し訳ないのですが上記お問い合わせいたします。

[Lhankor_Mhy]

「どこで指定しているか分からない」とのことですが、style="width: 670px;" と属性を入れているのであれば、すべてインライン指定なのではないのですか？
Chrome で調査しているとのこと、Elementsタブで要素を選択し、Computedでスタイルを確認すると右寄せされている文字列が当該スタイルが指定されている部分になるかと思います。そういう話ではなく？

[moitaro]

たびたび本当にありがとうございます。

＞Elementsタブで要素を選択し、Computedでスタイルを確認する
だと思うのですが
wp_main_side で920
でmain　で　640
　side　で　220
だったので
wp_main_side で920　を消しても↓のバーが消えず……

＞Computedでスタイルを確認する
というのがグーグルで調査しても分かりかねます……

申し訳ないのですがもう少しご助力頂けないでしょうか？

[Lhankor_Mhy]

『↓のバーが消えず』が何のことなのかちょっと分かりませんでした。何をどうしたいのか書いていただいた方が話が早いかもしれませんね。

[Lhankor_Mhy]

あ、解決してましたか。

[moitaro]

コメントありがとうございます。
おかげさまで解決しました。

スキルを磨いて皆様のお役に立てるように頑張ります。
ありがとうございました。