Page 1 of 1

dl을 품은 li의 ie공백

Posted: 2006 08 08 17:50 41
by 궁금이
아래의 문서를 ie에서 보면, dl를 품은 li가 공백이 생긴후 dl내용을 뿌리는데요.ff와 같은 결과물을 얻고 싶습니다. 마크업상의 어떤 오류가 있는건지..

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>무제 문서</title>
<style type="text/css">
*{margin:0;padding:0}
ul,li,dl,dt,dd{list-style:none}
</style>
</head>

<body>

<ul>
	<li>
		<dl>
			<dt>제목</dt>
			<dd>이미지</dd>
		</dl>
	</li>
	<li>리스트2</li>
	<li>리스트3</li>
	<li>리스트4</li>
</ul>	
			
</body>
</html>

Re: dl을 품은 li의 ie공백

Posted: 2009 01 02 16:14 44
by highca
저도 비슷한 문제로 고민했습니다.

li 스타일에 height:1% 를 주면 해결이 되더군요.
정확한 원인은 아직 모르겠습니다.

혹시 더 좋은 방법이 있으면 알려주세요~

PS - 질문 올라온지 2년이 지났는데 답변이 아무도 없어서 난감.-_-;