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을 줘야 한다.
"HTML & CSS" 카테고리의 다른 글
[2008/01/11] IE 7 에서 dt, dd 좌측여백이 생기는 문제 [2007/11/03] 유니코드 vs UFT-8 [2007/12/22] IE6,IE7 ,FireFox 에 대해 CSS 맞추기 [2008/02/13] 텍스트(TEXT) [2008/06/27] 이젠 CSS도 프레임워크 등장? BluePrint 0.5 [2007/11/03] [HTML] 테이블 태그 와 속성 (table,tr,td) [2009/06/10] 모든 디자이너가 해야할 9가지 CSS 원칙 [2007/11/03] UTF-8(유니코드)란 무엇인가?
(0) 
(0)
댓글을 달아 주세요