大阪のデザイン事務所 アドアチーブ株式会社のオフィシャルブログ

大阪のデザイン事務所 アドアチーブ株式会社のオフィシャルブログ

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


▼ Advertisement ▼

ソファー卸通販店だから高級ソファーが安い!

最高のソファーをお求めなら価格も質も魅力的な当店で!サイトのかわいい雰囲気も大好評です!

高級なソファーをお手頃価格でご提供!かわいいソファーも取り揃えております。!

▼ Advertisement ▼

最適な税理士をご紹介!

税理士は、ご相談の内容やご希望に合った方を選ぶと効率的!貴社にそんな税理士をご紹介いたします!紹介料は無料です!