zaKEY.net - WordPress・iPhoneなどのブログ -

コポキャラの岡崎邦彦(ザッキー)の情報サイト。WordPressやらEC CUBEやらiPhoneについての情報を書いていきます。

Job

footerの隙間を解消。

投稿日:

51g9gzgqdgl_ss500_

プライベートばかりを記入してましたが、たまには仕事でのノウハウを記入します。といってもそんなに大掛かりなことではないですよ(笑)

仕事でhtmlやcssを作成する事が多い私。高さの設定をする際にheight:auto;にしていると基本的には全体を指定してくれるんですが、その

などの中でfloat等を入れているとheight:auto;が効かなくなります。そんな時にclearfixというのを使用する方が多いと思いますが(clearfixがわからない方はGoogleで検索してみてくださいね。)、なぜかfooter部分に15pxほどの隙間が空く事があります。色々な部分のcssを変更しましたが解消できない。。。

そんな時clearfixを疑ってください。一般的にはclearfixは、

.clearfix:after {content: “.”;display: block;clear: both;height: 0;visibility: hidden;}
.clearfix { display: inline-block; }

と記載しますが、

.clearfix:after {content: “.”;display: block;clear: both;height: 0;visibility: hidden; font-size: 0;}
.clearfix { display: inline-block; }

に変更してみてください。要はfont-size: 0;を変更しただけ。ですが、ちょっと悩んでました。

zakey336x280

zakey336x280

-Job

関連記事

no image

記事の下をご覧下さい。

前々からPageRankについて語っていましたが、ブログをうまく編集できていなかったので 先日カスタマイズしました。上の3つはFC2ブログ、ブログランキング、くつろぐのバナーです。 これをみなさんにク …

no image

ニュースサイトオープン。

BUZZCOM運営のZIBUN-NEWSというサイトをオープンしました。このZIBUN-NEWSというサイトは以前は自分時間のコンテンツの1つであったZIBUN-NEWSを独立させたサイトです。独立さ …

no image

3Dのフォトギャラリー

たまたま見つけた3DのFlashの素材ですがこれをいじれば面白いものが出来るのではないか と考えてます。まだまだ考え中ですが1つ1つの画像をYouTubeの動画にしてテレビ局 みたいにしてみるとか。。 …

WordPress

【WordPress】表示速度を高速化させる5つのプラグインと1つのサービス

「表示速度を1秒でも早くさせたい」というのはブログ運営者やサイト運営者の永遠の悩み。 でもサイト構成や中身によってはファイルサイズ等で難しい場合もありますが、WordPressのプラグインを使用すれば …

no image

PageRankを上げるのにランキングは有効か?

前回お話ししたPageRankのお話で、たくさんリンクを張ってもらう、 ではなくPageRankの高いサイトからリンクを張ってもらう、と結論を出した私。 では、自分のブログのPageRankはいくつな …