人気ブログランキング | 話題のタグを見る
neozex.exblog.jp Access Granted Ⅱ
〆_ バグだったのか。。。ーー;;
マルチカラム・スタイル攻略かも!。。なぁ~んて大口叩いたものの・・
甘かったわ。。^^;
WinIEにどぉしようもないバグがあった。。┐('~`;)┌

フロートに後続する要素の内容物が<img>要素などの置換要素である場合、ボックスの位置は正しいが内容物はフロートボックスより下から始まる状態になり、内容領域の上端に空白の領域が発生する。
・・と、言うのだ..。

サンプルとして_
float
121212
343434

(ソース)
<div style="width:200px; border:2px dashed red;">
<div style="float:left; width:100px; border:2px solid blue;">float<br />121212</div>
<div style="clear:none; margin-left:110px; border:2px solid green;">343434<br />
<img src="http://md.exblog.jp/skn/img/a/01/00/8/ico_mnttl.gif"
style="width:100px; height:48px;border:1px #000 solid;" />
</div></div>

WinIE_ss
バグだったのか。。。ーー;;_b0032367_16164313.jpg
Netscape_ss
バグだったのか。。。ーー;;_b0032367_16175257.jpg
Mozilla Firefox_ss
バグだったのか。。。ーー;;_b0032367_16184519.jpg
Opera_ss
バグだったのか。。。ーー;;_b0032367_16191276.jpg

わかるかな・・^^; でも、よく見ると・・WinIEだけは明らかに違うでしょ。。(笑
左側にコンテンツが増えると、ドンドン右の画像が伴って下がって空白が増えます。(爆

float”使わなけりゃいいじゃん!って言われてみればそこまでだが・・。w
実際。。おバカなIEに振り回されるの疲れちゃった。。^^;
気分転換に映画でも見っか・・。
by a_Neo-team714 | 2004-09-30 16:24 | Customizing
<< [映画]ヘルボーイ こんなのどぉ? >>