Web(웹) Study/HTML & CSS

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

알 수 없는 사용자 2008. 1. 11. 13:04

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을 줘야 한다.