『なんじゃこりゃあっ！』な余白を解決する方法ベスト３☆

こんにちは、Cocoro+et+gokoroのキタガワです。

本日は「CSS編集スキン」で四苦八苦されている方に向けて書いております。

ご自身でカスタマイズまで頑張られている方、その大変さ…よく分ります。
私も独学でここまで来ました。

「なんじゃ、このズレ？」

「このスペース…なぜ消えない？」

「ここにスペースを作りたいのに、なぜ出来ない？」

そんな素人丸出しな壁にしょっちゅうぶつかっておりました。
（いや…おります！現在形です

）

１時間や２時間、余裕で、一瞬に通り過ぎます。

時間ってなに…と思います。

しかしながら、そうやって時間をかけて、検索したり、ソースを探ったりして「おお！消えた！」という瞬間は、まさに爽快！

というわけで、ちょっとお時間いただきまして。
題して…

『なんじゃこりゃあっ！』な余白を解決する方法ベスト３☆

（注）…おいおい、あたりまえじゃーん…というレベルの話（たぶん）です。
※プロの方
※そんなんどーでもいいわっ
※…あんた、ヒマだね。
という方は是非ともスルーしてください

では、発表です！まず第3位。
（あ、ちょっと調子こいて書いてるのは自覚しています…）

ドロロロロロロロロロ・・・・・・・ジャン！
「３位」…ヘッダ画像上の消えないスペース！

私のブログで言うなら、この上部ピンクにした部分（※）のところです。

デザインにもよりますが、ヘッダを上部にピッタリつけたい、という時があります。
その時に、ちょっと"間抜け"な感じになってしまうのです。

これは、CSS編集画面からは見えないベースに指定されている余白スペースがあるのです。
ソースを読み込むと分るんですが

.skinFrame{
padding-top:22px;
}

というのがベースに指定されているのがわかります。

なので、CSSの末尾に

.skinFrame{
padding-top:0px;
}

と書けばオッケーです

続きまして！

ドロロロロロロロロロ・・・・・・・ジャン！
「２位」…フリースペースの上に出来る変な余白！

フリースペースは何かと使える場所です。
ここにサロンのメニューや連絡先などを書いて、サイドバーの一番上の目立つところに置いている方は多いですよね。

で、個人的にどうしても気になるのが一段落ちているようなズレ。

他の「最新記事」や「プロフィール」を持ってきてもそんなことにはならないのに、フリースペースを一番上にすると、ガクッと落ちる感じになります。

あるんです…。
あの人のあそこにも、この人のあそこにも…。

…気になるんです…