ど素人から毛を生やす。<延>

フッターの下の謎の隙間を排除せよ!

Web > css 2014年6月20日(最終更新:4年前)

2014年6月20日に作成されたページです。
情報が古かったり、僕が今以上のど素人だった頃の記事だったりする可能性があります。

どもです。

というわけで、本日はHTMLとCSSの話。

SPサイトを作ろう、という話になりまして、
数カ月前に作ったPCサイトのデザインを確認しながらデザインしていたのですが。

h260620

こんな隙間、コーディングしたときには無かったハズ……

サイト運営に支障はありませんが、これは美しくない。
取り敢えずエレメントを確認してみました。

h260620_2

以前、解析系スクリプトをfooterの下、bodyの上に突っ込んだのですが、
それらが勝手にimgとspanを出力してしまったようです。

CSSからbody直下のimgとspanにposition:absoluteを指定。高さをなくします。
これで解決しました。

特に、スクロールバーが表示されているのにフッター下に隙間ができるという場合。
まずはエレメントから、フッターの下に高さ要素を持つものが出力されていないか
チェックするのをお勧めします。

この記事は役に立ちましたか?
  • _(:3」∠)_ 面白かった (2)
  • (・∀・) 参考になった (3)
  • (`・ω・´) 役に立った (3)