NC4.77にて。
<html> <head> <style> <!-- body { margin:0px; padding:0px; background-image:url("border.png"); } h1 { margin:10px; height:20px; font-size:20px; } .parent { position:relative; border:10px solid #0f0f0f; margin:0px 10px 10px 10px; padding:0px; } .map { z-index:1; position:relative; left:0px; top:50px; } .icon { z-index:2; position:absolute; top:10px; left:10px; } --> </style> </head> <body> <h1>test</h1> <div class="parent"> <p>parent</p> <div class="map"> <img src="map.png" width="470" height="560" alt="map" /> <div class="icon"> <img src="icon.png" width="20" height="20" alt="icon" /> </div> </div> </div> </body> </html>
というhtml書いた。
NC4.77で開くと、以下の様な問題点が。
- 本来ならparentという文字列の50px下からdiv.mapが描画される筈だが、50px下画面右端からdiv.mapが描画される。
- その状態でウィンドウをリサイズすると落ちる(酷い
- div.mapのpositionをabsoluteに変えると、div.parentのボーダーより10px上からdiv.mapの描画が開始される。
落ちるとは思わなかったよ、落ちるとは。