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

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

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

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

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

こんな感じ↓

<object>をmargin:0;にしようがpadding:0;にしようがborder:none;にしようが消えない！(´Д｀;)なーんーでー

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

FLASHの下の余白を消す

object,embed {
    vertical-align: top;
}

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

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

まだまだですね・・・_(:3｣∠)_