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

Firefox 落ちやすくなってません??

Firefox3.0がリリースされて間もない本日ですが、私はまだ使用していません。 なにやらアドオンが使えないものがあったりするらしいですね。。。それは困る。 Firebugが使えなくなったら今の仕事 …

no image

ページ内リンクでおもしろいJavascript

おもしろいJavascriptを発見しました。

no image

Firefoxで背景画像が表示されない

Firefoxでもサイト内でFloatを使用した際にバグ的に背景画像 (cssのbackground-imageで設定した画像)が表示できないことがあるそうです。 この時の対処法としてはその背景画像を …

no image

かっこいい=見やすい、ではない。

本日ブログのデザインを変更しました。黒地に白文字はチカチカする、とのことだったので 変更変更。いろいろ試行錯誤しましたがデザイン重視でいくと「かっこいいなぁ、 でも毎回これ開くの?」てなる。ブログは自 …

no image

WindowsがMacに侵食されています。

仕事ではMacとWindows両方を使用している私。元々はWindowsを使っていますが、 ここ1年使用してみてMacの操作性の良さに惚れ込んでいます。 そこでWindowsにMacの操作性をいれてや …