MirPASEC Foundation III

날 2시간 가량 고생하게 만든 문제이다. table 태그 안에 img 가 들어간 곳은 어김없이 하단에 틈새가 생기는 문제였다. 인터넷에서 문제 해결법을 찾았는데. 매우 심플하니 기록해 둔다. CSS 어딘가에 이 한줄만 기줄해 주면, 문제가 해결된다. img { display: block; } 이는 인라인인 img 태그를 블럭타입으로 바꿔준다.

지금도 계속 쓰지만 동적 이벤트를 줄때가 많다. 클릭 이라던가 Click 이라던가.. click 같은녀석 말이다. 아직도 JQuery는 신비한 영역이지만... 다음과 같은 코드를 짠 적이 있었다. $("#_master_list > tr").each(function(){ $(this).click(function(){ $("#_detail_list > tr").remove(); // 이곳에 [하위 리스트 가져오는 코드] 삽입 $("#_detail_list").append(HTML); $("#_detail_list > tr").each(function(){ $(this).click(function(){ // 이곳에 [하위 이벤트 처리 루틴] 을 삽입 }); }); }); }); 그런데... IE 에서만 되네?! 한동안 삽질하다가 [하위 리스트 가져오는 코드]에서 뿌려지는 HTML 코드에 onclick을 직접 부여했더니, IE, FF, CH에서도 잘 되었다. 해결! PS> _master_list 및 _detail_list 는 tbody의 id 이다. PS> 실제 구성했던 코드와는 상당히 다르다. $("검색식").each() : 검색식 또는 대상에서 탐색된 대상들 전체에 대한 반복 동작을 1회수행한다. $("검색식").click() : 마우스 클릭 이벤트를 부여한다. onclick='' 과 동일. $("검색식").remove() : 검색식에서 탐색된 대상을 지운다. $("검색식").append() : 검색식에서 탐색된 대상에 인자로 지정된 내용을 추가한다. - 검색식에서 # 기호는 객체의 ID 값을 비교한다는 의미이다. - 검색식에서 > 기호는 대상의 바로 한단계 아래의 자식 노드를 탐색한...