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>
<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>
<dt style="display:none;margin:0;padding:0">Title</dt>
<dd style="margin:0;padding:0">Description</dd>
</dl>
FF때문에 dl 에 margin,padding을 0을 줘야 한다.
'Web(웹) Study > HTML & CSS' 카테고리의 다른 글
텍스트상자에 한글로 입력이 되게 하는 자바스크립트 (0) | 2008.02.13 |
---|---|
IE6 에서 CSS만으로(핵안쓰고) position:fixed 하기 (0) | 2008.01.11 |
CSS의 기초 (0) | 2008.01.11 |
브라우저의 통일을 바라며 CSS Hack은 계속된다! (0) | 2008.01.11 |
셀렉트 박스 그룹화 시키기~ (0) | 2007.12.24 |