IE7 버그 - 빈 텍스트 노드

일단 기쁜 소식은
MS에서 IE업데이트는 권장이 아닌, 기본으로 바꿨다는 뉴스~!!

웹개발 버그가 줄어들 것이므로, 기쁜 소식??

오랜전부터? 사용하던 TABLE코딩 방식이
요즘엔 그나마 적다.

TABLE 레이아웃보단, 쿼크모드가 더욱 문제였겠지만

어찌보면 정말 쉬운 레이아웃이다.

마크업에서부터 완전체가 되어나온다는 단점이 있지만, 별 문제없이 사용했지 않은가??

웹표준이 점차 일반화가 되어가면서
문제는 IE6를 버리는냐 마느냐의 문제였지만, MS도 버려주니, 감사

문제는 IE7인데..
현재 파악중인 상황이지만, 빈텍스트 노드가 생겨서, 레이아웃을 미묘하게, 기본적으로 여백을 만들어 주신다. ㅠㅠ
IE8이상에선 발생하지 않으므로 그나마 다행이다.

IMG
INPUT
이 두개는 확실히 빈텍스트 노드를 생성한다.

구글링을 해보니
CSS로 잡아줄순 있단다.

display:block;
zoom:1;

zoom은 현재는 안쓰는것으로, 뭔가 IE핵의 느낌인데,

블락요소로 바꿔주면 문제가 안생긴다는 결론

예로, img태그를 div로 감싸만 주어도 문제는 해결이 된다.
하지만, 인라인으로 써야되는데 블락요소가 되어 줄바꿈이 되는 것도 그다지 좋은 결과물은 아닌 것 같다.

딱히 좋은 답안이 나오지 않는다.
심하게 깨지는 것도 아니기에, 무시해야하는건가??ㅠㅠ

input type=image 에서 테두리가 생겨서 짜증나는 IE7이었는데, 정말 답답하네~!!

이게 다 누구 탓이다? MS

==답답함으로 직접 이것저것 해본 결과==

해결책을 찾았다.
대상 : 문제가 발생하는 요소 즉, 빈텍스트노드 전의 객체
1. style="display:block;" 를 걸어준다.
2. <div></div>로 묶어준다. 중요한 건 display:inline;을 적용시켜도 안생긴다.

결론 : 요소 인라인 유지를 하려면 <div style="display:inline;">로 묶어주고,
블락요소이거나, 상관없으면 display:block; 를 적용시켜서 사용!!