アドアチーブ株式会社

アドアチーブ株式会社 オフィシャルブログ

2006.11.15iframeの謎の幅 IE

8b5a880f.jpgiframeを使う機会は少なくないです。

更新情報とか、変わりやすい情報を

フレームにしてhtmlの中に読み込む、とか

使い方はいろいろ。

cssでも同じようなことが出来るのだけど、

(overflowとか)

別サイトののURLをページ内に読み込みたい時には

やっぱりなんだかんだと便利です。

(W3Cでは非推奨らしい)

で、たまたま今回のケースではiframeに枠線を付けたかったわけで。

cssで段組を作っていたのだけど、

フレームの幅を1pxでも長くすると

floatで段組してた分が落ちてしまうんです。

困ったのが、IE。

borderがiframeの外に付くのだけど、

なぜか1px余計に外側についてしまう。

FFではそんな問題はないのだけど

IEでは

margin:0;

padding:0;

を指定してもダメ。

iframeの属性に

marginwidth="0" marginheight="0" frameborder="0"

とか記述してみてもダメ。

なんの幅だよ…。と。

結局最後まで理解出来なかったので、

IE用に

_hoge

というクラスを作り、

FFは100px

IEは98px

みたいな感じで対応しました。

※IEでは頭に「_」(アンダースコア)がつくクラスは無視されます。

 (6.02で動作確認)

こうゆうのって

最終兵器的な感じなので

あまり使いたくない気持ちはありますが、

せっぱ詰まってくると

そんなことも言ってられませんね。

本日の写真は

ac-letter.comで販売している

弊社のオリジナル便箋です。

罫線が引いてあるので何かと便利です。

メモに使ってもよし。

申し送りに使ってもよし。

あ、語弊があるといけないので念のため

ac-letter.comはお客様のオリジナルの便箋を販売しているサイトです。

表紙のデザインから中のデザインまで、

オリジナルの便箋が出来ます。

この記事へのトラックバック

トラックバックURL:  http://www.adachieve.com/~mt/mt334/mt-tb.cgi/765


この記事へのコメント


名前:
E-mail:
URL:
  情報を記憶: