IE 7 에서 dt, dd 좌측여백이 생기는 문제

IE7에서 dt, dd중 dt를 display:none을 했는데도 dd의 좌측 여백이 여전이 존재한다.(물런 margin,padding 모두 0)

<dt style=”display:none;margin:0;padding:0″>Title</dt>
<dd style=”margin:0;padding:0″>Description</dd>

해결책은 의외로 쉽다.
dl로 감싸주면 된다.

<dl style=”margin:0;padding:0″>
<dt style=”display:none;margin:0;padding:0″>Title</dt>
<dd style=”margin:0;padding:0″>Description</dd>
</dl>

FF때문에 dl 에 margin,padding을 0을 줘야 한다.

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

%s에 연결하는 중