Q&A
ひとつ確認したいのですが、その現象は質問文のコードだけで再現可能な現象なのでしょうか？
サイトの仕上げ段階で気づいたのですが、どうしても余白が右側についてしまいます...。
試せるものは全て試したので、下記にコードを記載するので、どなたか助けてください。
HTML
1<body> 2<div id="page" class="container"> 3<div class="row"> 4 5コンテンツ 6 7</div> 8</div> 9</body> 10 11row container はいずれもbootstrap 12
CSS
1html,body { 2 width: 100%; 3 background: #fff; 4 line-height: 1; 5 margin: 0; 6 padding: 0; 7} 8html,body { 9 width: 100%; 10 font-size: 16px; 11 -webkit-font-smoothing: antialiased; 12 font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif; 13} 14#page { 15 width: 100%; 16} 17 18
いえ、全てをアップするとわかりにくくなるので、見当をつけていただきたいのですが...
今の状態では考えられる可能性が多すぎるため、原因を特定できるようにもう少し詳細な情報を追記していただけませんか？
既出ですが、この提示コードでは誰一人回答は無理だと思います。仕事上やむを得ずそのままの提示が無理でも代替が無いと、適当にしか答えようがないと思います
問題が起きるサイトのURL、もしくは状況の再現が可能なHTML/CSSを質問文に追記ください。
かしこまりました！
ソースコードをアップします。
入力済
遅くなりました。こちらで少し改善できたものの、1080px以下になると右側に余白が追加されてしまいます。怪しいと思っているのは、アクセスか病院情報やスケジュールが載っている箇所なのですが、どうにも何時間やっても拉致があかず、サーバーにアップしました。
回答1件
0
.row が足りないです。
HTML
1<section> 2```↓ 3```HTML 4<section class="row">
追記：
HTML
1 <!-- ============================================== 2 トップバナー 3 =============================================== --> 4 5 <div class="row top-baner mb50"> 6 <section> 7 <div class="col-lg-12 col-md-12 col-sm-12"> 8 <div class="flexslider" style="padding:0;"> 9 <ul class="slides" style="padding:0;"> 10 <li style="padding:0;"> 11 <img src="http://open-palette.jp/wordpress/wp-content/uploads/2017/08/main-2.png" class="img-responsive "> 12 </li> 13 </ul> 14 </div> 15 </div><!-- end .col --> 16 </section> 17 </div><!-- end .row -->
追記：
【開発者ツールを使おう！ カスタマイズするphpファイルを探す-その1 | RYUS blog】
http://ryus.co.jp/blog/customize-php-search-1/
【Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能 - Build Insider】
http://www.buildinsider.net/web/chromedevtools/01
【第1回 詳説：デベロッパーツールの使い方：Google Chrome版Firebug：デベロッパーツール取扱説明書｜gihyo.jp … 技術評論社】
http://gihyo.jp/dev/feature/01/devtools/0001?page=2
投稿2017/09/17 06:19
編集2017/09/17 07:16総合スコア69407
神すぎてやばいです！ほんとありがとうございます！！！
もう一つは消しておきますね。
ただ、やっぱり1080px以下だとダメみたいです。。。具体的に全部セクションをrow入れれば良いんでしょうか？それか指定あれば、そこを変えたいのですが、教えていただけませんでしょうか？
ソースが提示されていないのでわかりません。
http://open-palette.jp/wordpress/ で見ることは難しいでしょうか。
ご自信で消されていたのをお忘れですか･･･。
申し訳ありません。もう必要ないかと思い、一回消してしましました。いただいた追記のセクションにrowを入れるという認識でよろしいでしょうか？
まず試してみては？
はい。でもダメでした...
デベロッパーツールにて1080px以下でも問題ないことを確認しています。
また、今 http://open-palette.jp/wordpress/ を確認したところ当該箇所に記述がありませんでした。
キャッシュのクリアをした後に、出力されたHTML（ブラウザで「ページのソースを表示」）を確認してみてください。きちんと反映されていますか？
ありがとうございます。
サーバー側にもHTML追記でいただいた箇所のsectionにclass="row"を追記する形で反映させておりますが、一見すると改善しているように見えて、みぎにスクロールするとやはり余白があるようです。泣
今 http://open-palette.jp/wordpress/ を確認したところ当該箇所に記述がありませんでした。
大変申し訳ありません。こちらで反映いかがでしょうか？
Windows IE11/Firefox/Chromeで問題ありませんよ。
あなたの回答
tips
プレビュー
