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の描画が開始される。
落ちるとは思わなかったよ、落ちるとは。