float　MozillaとIE5(mac)の差

floatを指定したブロック要素が、画面の端で折返される場合、MozillaとIE5(mac)では差があります。

サンプルを、MozillaとIEで確かめてみて下さい。


Mozilla(mac)
IE6(win)はこの画像に近いです。


Internet Explorer 5(mac) 

.float {
	margin : 0 ;
	float : left ;
}

<p class="float"><img src="image/a.png" alt="a" width="200" height="200"></p>
<p class="float"><img src="image/c.png" alt="c" width="200" height="100"></p>
<p class="float"><img src="image/b.png" alt="b" width="300" height="300"></p>

ウィンドウの横幅を狭めた場合、IE 5(Mac)では、bがaの下に移動する。Mozilla(Mac)、IE6(Win)では、bはaの右横cの下に移動する。

Home > Web Design > float　MozillaとIEの差