IE7でズームしたときヒラギノがおかしい

ボックスの中にフロートしたイメージとテキストがあるレイアウトのページをIE7でズームさせたときになぜかボックスをはみ出してしまうって現象に悩まされまして。

例えばソースはこんな感じ


div.box {
width:500px;
}

div.box img{
float:right;
margin:0 0 0 10px;
}

<div class="box">
<img src="hogehoge.jpg" alt="" />
<p>テキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキスト</p>
</div>


なんでだろうと思っていたらどうやらbody要素に指定したfont-familyが悪さをしていたみたいでした :sad:
「ヒラギノ角ゴ Pro W3」を指定しているとなぜかIE7でズームした時にテキストがボックスからはみ出してしまう模様 :!:
テストページ

「ヒラギノ」って確かMac OS Xの標準日本語フォントだったような気がして普通に指定していたけど、こんなことがあるとは・・・。

どうして今まで気づかなかったんだろうって思ったんだけど、もしかして私のIE7がスタンドアロンだから起きていたり :?:

Trackback URI: http://blog.ochanocosaisai.com/wp-trackback.php?p=380

気軽に記事を評価してみて下さい。
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 1.00 out of 5)
Loading ... Loading ...

なつき。 said,

2008/11/12 水曜日 @ 15:37:20

最近、こういうの一切触ってないから、わからなくなってるなぁ。。

それにしても、最近寒いです :sad:

naoco said,

2008/11/13 木曜日 @ 23:55:53

おひさしぶりです :oops:
こーゆーのわからなくていいんです、あなたは。
鍋の季節ですね。飲みたいですね、浴びるほど。

コメントする

RSS feed for comments on this post · TrackBack URI · add to hatena hatena.comment 1 users add to del.icio.us 0 user add to livedoor.clip 0 user