image area
div minimum height...?
killofki
2010. 3. 20. 12:45
언제나처럼 div 에 관한 여러가지 생각이 많아서...
이번에도 sample 하나 잡고 시작...
...
<div style="width:10px; height:10px; overflow:hidden; background-color:#cccccc;">
<div style="position:relative; left:0px; top:0px;"><div style="width:1px; height:1px; overflow:hidden; background-color:red;"></div></div>
<div style="position:relative; left:1px; top:0px;"><div style="width:1px; height:1px; overflow:hidden; background-color:red;"></div></div>
<div style="position:relative; left:2px; top:0px;"><div style="width:1px; height:1px; overflow:hidden; background-color:red;"></div></div>
<div style="position:relative; left:3px; top:0px;"><div style="width:1px; height:1px; overflow:hidden; background-color:red;"></div></div>
</div>
...
...
editor 상태에서는 상하 간격이 1px씩 더 보였다. 회색박스를 밖으로 꾸며넣으니 상하간격 변화가 없어졌고...
하지만, 일반 상태에서는 문제없이 사선(회색박스에 빨간 칼집내기?)처럼 보이니 걱정하지 않아도 될 듯.
NowMark killofki@.
이번에도 sample 하나 잡고 시작...
...
<div style="width:10px; height:10px; overflow:hidden; background-color:#cccccc;">
<div style="position:relative; left:0px; top:0px;"><div style="width:1px; height:1px; overflow:hidden; background-color:red;"></div></div>
<div style="position:relative; left:1px; top:0px;"><div style="width:1px; height:1px; overflow:hidden; background-color:red;"></div></div>
<div style="position:relative; left:2px; top:0px;"><div style="width:1px; height:1px; overflow:hidden; background-color:red;"></div></div>
<div style="position:relative; left:3px; top:0px;"><div style="width:1px; height:1px; overflow:hidden; background-color:red;"></div></div>
</div>
...
...
editor 상태에서는 상하 간격이 1px씩 더 보였다. 회색박스를 밖으로 꾸며넣으니 상하간격 변화가 없어졌고...
하지만, 일반 상태에서는 문제없이 사선(회색박스에 빨간 칼집내기?)처럼 보이니 걱정하지 않아도 될 듯.
NowMark killofki@.