Bloggerの画面上下の余白を詰めたい

広告のないブログを求めて、GoogleのBloggerに行き着いたのですが、
スタイルシート記述がVariable nameという馴染みのない記述で手探り状態なので御知恵を拝借したいです。

目下ヘッダー上にあったツールバーを

#navbar-iframe {
display: none !important;
}

の記述で消したまでは良かったのですが、そのあとの余白がうまく詰まりません。
下の余白も然り。

marginやpadding記述を追加してもどうもうまくいきません。

余白の詰め方を教えていただければ言うことはないのですが
ひょっとして公式テンプレート改変だとここまでが限界なのでしょうか？


もしそうなら、比較的デザインのいじりやすいシンプルなテンプレートなどお教えいただければ幸いです。

製作中のブログアドレス
http://shitumonyou.blogspot.com/

ソースが編集段階とページ表示で変わってくるので編集時のものを
http://ll.la/a.7u
DLパス：okweb

No.1 ベストアンサー 回答者： sony12333 回答日時： 2012/02/02 00:42

上の余白は #navbar {height:0;} で。

下は body { にある padding: 0 40px 40px 40px; を padding: 0 40px; にするといけるはず。



https://plus.google.com/u/0/10174503091161472967 …

参考URL：https://plus.google.com/u/0/10174503091161472967 …

この回答への補足

どうもBloggerの仕様は相当クセモノですね。
まずは上の余白が消えただけでもよしとして、下の余白は諦めます・・・

皆様、回答有り難うございました。

補足日時：2012/02/05 03:07

この回答へのお礼

上の入力は見事に消えました！ありがとうございます。

ただ、下の余白が変化なしです・・・

body｛のpadding記述は編集画面では

padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
$(body.background.override)

になっておりまして、そこを全て消してご教授通りに入れてもダメでした。
上書きされてしまうんでしょうか・・・？

お礼日時：2012/02/02 02:31

No.3 回答者： ORUKA1951 回答日時： 2012/02/02 18:00

各要素の左側の＋をクリックして広げていくと、そのようぞがどの部分かわかります。

たぶん、全体の高さを100%にしているのに、中身が短い・・

この回答への補足

おぼろげながら、見えてきた、ような・・・

ただし、ページ表示されてる状態のソースと
Bloggerの編集ツールで出てくるソースとが違うので・・・
Bloggerもなんでこんな仕様にしているのか・・・？

このへんも言葉だけでは説明しづらいので、
よろしければ上の質問に付記してあるソースをご覧になって下さい

補足日時：2012/02/03 03:16

No.2 回答者： ORUKA1951 回答日時： 2012/02/02 13:41

どの部分かわからないのですが。

見出し部分と、本体の隙間なら
<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/dev … )には、たくさんの便利なアドオンがあります。

この回答への補足

説明ではわかりにくかったかもしれないので画像にて
http://4.bp.blogspot.com/-d3Q1V-oa24Y/Tyo92hNlxo …

ファイヤーフォックス＋ファイヤーバグで中央要素を選択すると全画面選択されますね
http://3.bp.blogspot.com/-fzsMexqK66g/Tyo98DsA6V …

この件についてファイヤーバグの有効な使い方はまだよくわかりません・・・

補足日時：2012/02/02 16:48