li에 table이 처음 시작할경우 여백 발생
진솔
■ 발생 환경 : li리스트 태그에 테이블이 먼저 올경우 사진(소스)와 같이 여백이 발생
OS : win7 64 테스트 브라우저 : 크롬 ver.35
익스8+(익스11 버전에서 브라우저 렌더링 기준 으로 확인함)
xp 익스8 비교 브라우저
(정상적으로 나오는 브라우저) : 스윙,불여우
■ 문제발생 URL (jsfiddle, jsbin. codepen 등 활용): 샘플페이지
http://jsfiddle.net/Qm5Gw/1/
■ 발생 문제에 대한 자세한 기술:
css 스타일 : 브라우저 스타일익스와 크롬경우에 li 마크업이후 table이 처음으로 오게 될경우
(이미지는 크롬에서 캡춰함: 첫번째 이미지가 생각과는 다르게표현되고있다)
위와 같은 현상이 발생하네요...
첫번째 리스트의 회색영역부분이 떨어지고있음
파이어폭스에서는 위와같이 렌더링됨
혹시 이와같은 문제를 해결하신분이 계신지 ....
파이어폭스가 잘만든건지 아니면 다른브라우저가 잘못표현한건지 모르겠네요
익스경우에는 7이전버전같은경우는 발생하지 않고있네요
-
LimeTree
table td에
font-size: 0;
line-height:0;
줘봐도 그런가요?