解決済
ブログのフッターの下に余白（？）が出来てしまいます
今日、新しいデザインに変え、色々と調整をしてみたのですが、どうしてもフッターの下の余白（？）が消せません。出来ればピタッと画面最下部にくっついて欲しいと思っています。
多少のカスタマイズ（色変更くらい）はしておりますが、大半はいじっておりません。
デザインは3カラムの「ビューティーライフ」です。
ブログのURLも貼っておきます。
アドバイスを頂けたら幸いです。
よろしくお願い致します。
回答(2)
2.
トップページ | 個別記事ページ | カテゴリアーカイブ | 月別アーカイブ
のそれぞれのソースの終わり辺りにある
</div><!-- End of blogcontainer--> <div id="footer"></div> </div><!-- End of container-->
という感じのところの </div> を取っ払うとできると思われます。2カラムの私のブログで試したところ、この</div>の有り無しで後ろの隙間の調整ができたので、3カラムでも可能だとは思います。
なお、これを試す場合は一つ消した後には必ず確認をしてください。
全体のデザインが崩れることもないことを確認はしていますが、万一に備えて必ずメモ帳などにコピーした後に試すことを薦めます。
コメントからのお答えを試した所、無事出来たようです。
これから他のHTMLも同様にしてみますね。
本当に丁寧にありがとうございました!!
凄く嬉しいです☆(*^_^*)
1.
たぶん、無理です。
何件もしくは、何日分と指定している以上、
揃えられません。
右と左のカラムがしたから浮いているのを何とかしたい
ということなら、何とかなるかもしれませんが・・・
コメント(7)
お答えありがとうございます。
>>1 コジーさま
フッターのこの画像
http://parts.blog.livedoor.jp/img/usr/beautylife/f...
が最下部にくっつかず浮いた状態なのをどうにかくっつけたいと考えております。
3カラムの下部はバラバラでもいいのですが、フッターが浮いた状態で微妙だなと感じております。
>>2 foissotteさま
早速試してみました所、何故か白の背景が入り、相変わらず浮いたままでした…。(>_<)
何が悪いのでしょう…。
なんだか宙ぶらりんで落ち着かないのです。
もうちょっと頑張ってみます。
気になったのは、
足りない部分は、どこから来るのだろうということ。
1件余計に指定してもらって、それで補填したらいかが？
的はずれだったらごめんなさい。
確かにこのデザインはoutfooterの記述がないようなので、上手いこと補填出来れば出来そうな気がしました。
そして気になったので、他の人のブログのフッター部分もよく見てみると、結構宙ぶらりんなものが多いように感じました…。
もしかして不可能？（汗）と思ったのですが、う～ん。
なんか画像編集して、宙ぶらりんでもおかしくないような画像にした方が良さそうな気がしてきました。
もう少し考えてみます…。
>>#1
お役に立てなくてすみません。
ブログの下の画像が、<div>でしっかり囲まれていて、</div>が余分にあるのではないか、という見方から出た回答だったもので。
もしかすると、デザインの表示させる書き方の違いなのかもしれませんね。 <table> タグを使っている影響で変にその部分が空白になったのかも。
>>＃4 foissotteさま
いえいえ、考えて下さってアドバイスも下さったのですから、十分嬉しいです。
先程から、色々いじっているので更に表示が崩れないかドキドキです。
テンプレートによって少しずつ違いますから、なかなか難しいですね…。
気にしなければそんなに酷い状態ではないのですが、ピタッとくっつけばより良いなぁと思うのは贅沢なのでしょうか。（苦笑）
>>#5
ブログの下の画像のみを表示させて、問題の部分を表示させている
<div id="footer"></div></div> <!-- End of container-->を
<div id="footer"><!-- End of container-->とすると、余分な下の空白は消えるみたいだけど、ページ全体で、これを設定するとおかしくなるなら、どこかが影響しているのかもしれないですね。
丁寧にありがとうございました。
本当に助かりました。
また何かありましたらよろしくお願い致します。
