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

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

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:
  情報を記憶:
 
 
 

▼ Advertisement ▼

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

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

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

▼ Advertisement ▼

最適な税理士をご紹介!

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


当社サービス一覧

Branding

制作実績

Design

ロゴマーク
キャラクター
名刺
封筒
便箋
クリアファイル
紙袋
不織布バッグ
リーフレット
会社案内
社章

販売促進

チラシ
DM
ポケットティッシュ
横断幕
シール
挨拶状

WEB

ホームページ作成

EC

Tシャツ
作業服
ル・コルビジェ

不動産会社向け

不動産契約書ファイル
宅建業者票

Etc.

税理士紹介
イラストダウンロード
カメラマン探しのフリカム
アンケート・統計調査