FLASHの下に余白が出来る

前回のブログから少し時間が空いてしまいました(o’∀’)ﾉ

さて、最近はjQueryのスライドショー、スライダーなんかが簡単・早い・種類が豊富なのですっかりお世話になっています。

なので、FLASHを使用する機会が減っていたのですが、今回久々に設置する機会がありました。

で！今までコーディングしてて気づかなかったんですが、何故かFLASHの下に余白が出来る！

おまけにIEに関しては下に変なボーダーも出るじゃないか！

こんな感じ↓

原因がわからず調べてみると同じ現象に悩んでる方が。

参考サイト flashを設置した際に出来る、下辺の余白 – CSS HappyLife

object,embed {
    vertical-align: top;
}

ふむ。画像なんかでもvertical-alignの設定の仕方でこういう余白が出来る現象があるのですが、それと同じみたいですね。上記コードをCSSファイルへ追加したら、あっさり解決しました！

にしてもなんで今まで気づかなかったのかなーと思ったけれど、リセットCSSの関係かな。以前まではreset.cssを使用していたのですが、CSSに対する意識の変化からnormilize.css（をいじったもの）を使用しているからかなぁと。まだまだですね・・・_(:3｣∠)_

ブログ