- ベストアンサー
Bloggerで画面上下の余白を詰める方法
- Bloggerで広告のないブログを作成する方法を教えてください。
- Bloggerでヘッダー上のツールバーを非表示にした後、画面上下の余白を詰める方法を教えてください。
- Bloggerの公式テンプレートを改変せずに、デザインをいじりやすいシンプルなテンプレートを教えてください。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
上の余白は #navbar {height:0;} で。 下は body { にある padding: 0 40px 40px 40px; を padding: 0 40px; にするといけるはず。 https://plus.google.com/u/0/101745030911614729679/posts/dLs4PHYHzsG
その他の回答 (2)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
各要素の左側の＋をクリックして広げていくと、そのようぞがどの部分かわかります。 たぶん、全体の高さを100%にしているのに、中身が短い・・
補足
おぼろげながら、見えてきた、ような・・・ ただし、ページ表示されてる状態のソースと Bloggerの編集ツールで出てくるソースとが違うので・・・ Bloggerもなんでこんな仕様にしているのか・・・？ このへんも言葉だけでは説明しづらいので、 よろしければ上の質問に付記してあるソースをご覧になって下さい
- ORUKA1951
- ベストアンサー率45% (5062/11036)
どの部分かわからないのですが。 見出し部分と、本体の隙間なら <div class="descriptionwrapper"> か <p class="description"> ・・ firefox + fireBug( https://addons.mozilla.jp/firefox/details/1843 ) でたちどころにわかります。firebugを使って、どの要素がどのように表示されているかを調べたり、スタイルシートやHTMLを修正してどう変わるかを試せます。 firefoxのアドオン( https://addons.mozilla.jp/firefox/ )の開発者向け( https://addons.mozilla.jp/firefox/extensions/developer_tools/ )には、たくさんの便利なアドオンがあります。
補足
説明ではわかりにくかったかもしれないので画像にて http://4.bp.blogspot.com/-d3Q1V-oa24Y/Tyo92hNlxoI/AAAAAAAAAHI/mKbQ3UGqDR4/s320/setumei1.jpg ファイヤーフォックス＋ファイヤーバグで中央要素を選択すると全画面選択されますね http://3.bp.blogspot.com/-fzsMexqK66g/Tyo98DsA6VI/AAAAAAAAAHQ/oaCvdoQP2Tg/s320/setumei2.jpg この件についてファイヤーバグの有効な使い方はまだよくわかりません・・・
お礼
上の入力は見事に消えました！ありがとうございます。 ただ、下の余白が変化なしです・・・ body｛のpadding記述は編集画面では padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread); $(body.background.override) になっておりまして、そこを全て消してご教授通りに入れてもダメでした。 上書きされてしまうんでしょうか・・・？
補足
どうもBloggerの仕様は相当クセモノですね。 まずは上の余白が消えただけでもよしとして、下の余白は諦めます・・・ 皆様、回答有り難うございました。