레이어 크기를 1픽셀로 하는 이유가 무엇인지..? 아 질문입니다.^^

div height는 br 태그 간격정도의 일정한 높이로 반응합니다.
height를 조금이 바꿔보면 처음에는 반응이 없다가 어느값에 이르면 갑자기 뚝 떨어져 버리죠
1px height를 만드시려면 원하는 영역을 table로 만들어 tr td의 height로 조정하시면 잘 됩니다.

<div></div>는 layer라는 box와 같은 요소입니다.  아래위로 겹쳐서 쓸수 있는 유용한 요소입니다. loading...가 빠르다고 해서,저도 써보니 까다롭네요.현재 그림에서 안보이는 곳은 중간에 이 box가 들어가 있기 때문입니다.
<table></table> 역시 box와 같은 것입니다. 겉에 있는 box를 이동하면 따라서 속에 있는 box도 이동할 것입니다.
어느 박스를 어느 박스 안에 넣어야 하는지를 염두에 두셔야 합니다.
그리고 스타일을 이용한 방법은 아래  링크를 참조하세요
---------------------------------------------------
gnuBoard 질답
http://sir.co.kr/bbs/board.php?bo_table=g4_qa&wr_id=21694
 오달수 (211.♡.163.11)    06-05-10 18:08
 
style='height:5px;' //상단,우측,하단,좌측이 공통으로 5px씩 먹습니다.
상단5 하단5 하면 일반적으로 폰트크기가 11px 인데 
여분을 주고나면 1 px 에 글을 쓰는 결과입니다.
여분을 포함한 길이를 height에 plus 시켜주시면 될겁니다.


style='margin:2 0 0 0;' //상단,우측,하단,좌측..시계방향으로 마진을.
style="width: 60px; height:16px; position:relative;"  // 릴레이티브해야 td 안에서 위치가 잡힙니다. 
---------------------------------------------------------------good! 역시 음....
http://rhasya.egloos.com/2272326/

IE에서 DIV의 높이가 일정 크기 이상으로 줄어들지 않을때..
HP 바를 만들기 위해서

DIV의 크기를 10px 이하로 할 일이 생겼다.

Firefox에서는 매우 잘 되는데

IE에서는 일정 크기 이상으로 높이가 줄어들지가 않았다..;;;

이게 뭔 낭패란 말인가.!


구글님께 물어봤더니 금방 해답을 내려주셨다.

<div style="font-size: 1px; line-height: 0; height: 5px;">&nbsp;</div>

이렇게 하면 된다..~~

IE에서도 모양이 보기 좋아지긴 했는데;;;;

문제는.. 파폭이랑 모양이 틀리다는 것...

으흠.. 다른 방법을 써야 하는 것을까..;;

전 대략 이렇게 씁니다.

<div style='padding:5px 0 0 0;'></div>

원하는 대로 간격이 생기는 것 같긴 한데 확실히 모르겠습니다-_-; 아무튼 전 이대로 쓰고 있습니다.

그리고 스타일시트에서 아예

.padd5 { padding:5px 0 0 0; }
.padd10 { padding:10px 0 0 0; }

이렇게 class로 지정한 다음

<div class='padd5'></div> (5픽셀만큼 띄우고 싶을 때)
<div class='padd10'></div> (10픽셀만큼 띄우고 싶을 때)

이렇게 쓰고 있죠. 다시 한번 말하지만 이게 제대로 되고 있는 건지는 모르겠습니다. 이번 기회에 고수님의 평가를....;;;