웹[기술|표준|접근]/작은 팁2007/12/27 19:18

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을 줘야 한다.
크리에이티브 커먼즈 라이선스
Creative Commons License

'웹[기술|표준|접근] > 작은 팁' 카테고리의 다른 글

IE에서 fieldset bgcolor줄 경우 bgcolor가 legend까지 넘어가는 문제  (0) 2007/12/28
CSS Position relative 와 absolute 함께 상대적 절대 포지셔닝하기  (6) 2007/12/28
IE 7 에서 dt, dd 좌측여백이 생기는 문제  (2) 2007/12/27
JSSpec용 EditPlus ACP,STX 파일  (0) 2007/12/05
EditPlus 에서 monaco(mac 기본 폰트)사용하기. (XP에서 안티알리아싱(Anti-Aliasing 설정)  (3) 2007/10/01
[CSS] IE6 에서 CSS만으로(핵안쓰고) position:fixed 하기  (2) 2007/08/31
Posted by Johan Kim hiphapis
TAG CSS, dd, DL, DT, IE7, margin, 여백, 좌측여백
Trackback 0 Comment 2

TRACKBACK http://hiphapis.net/trackback/84 관련글 쓰기

댓글을 달아 주세요

  1. Favicon of http://naradesign.net/ BlogIcon 정찬명

    dt, dd 태그 밖에 dl을 감싸주지 않으면 일단 invalid markup 아닌가요? 그리고 dl에 기본 마진이 있는것은 어쩌면 ul, ol 에 기본마진이 존재하는것과 같은 필요가 아닌가 생각 됩니다. ^^

    2007/12/28 04:58 [ ADDR : EDIT/ DEL : REPLY ]
    • Favicon of http://hiphapis.net BlogIcon 기다림

      네 맞아요~ㅎㅎ ol, ul에 대해선 다들 잘 아는데, dl에 대해선 비교적 덜 아시는거 같아서요.

      2007/12/28 10:49 [ ADDR : EDIT/ DEL ]

웹[기술|표준|접근]/작은 팁2007/08/31 12:12

[JS] 정규식을 이용하여 ltrim, rtrim, trim 구현하기

엄청 간단합니다.

String.prototype.trim = function(){
    return this.replace(/^(\s|&nbsp;)+|(\s|&nbsp;)+$/g, "");
}

String.prototype.ltrim = function(){
    return this.replace(/^(\s|&nbsp;)+/g, "");
}

String.prototype.rtrim = function(){
    return this.replace(/(\s|&nbsp;)+$/g, "");
}

str = "  &nbsp;1234567890   ";
ltrim = str.ltrim();
rtrim = str.rtrim();
trim = str.trim();

result = "<pre>orignal = \"" + str + "\"\n";
result += "ltrim length = " + ltrim.length + ", string = \"" + ltrim + "\n";
result += "rtrim length = " + rtrim.length + ", string = \"" + rtrim + "\n";
result += "trim length = " + trim.length + ", string = \"" + trim + "\n";

document.write(result);

크리에이티브 커먼즈 라이선스
Creative Commons License

'웹[기술|표준|접근] > 작은 팁' 카테고리의 다른 글

EditPlus 에서 monaco(mac 기본 폰트)사용하기. (XP에서 안티알리아싱(Anti-Aliasing 설정)  (3) 2007/10/01
[CSS] IE6 에서 CSS만으로(핵안쓰고) position:fixed 하기  (2) 2007/08/31
[JS] 정규식을 이용하여 ltrim, rtrim, trim 구현하기  (1) 2007/08/31
[JS] timestamp 를 date 형식으로 보여주기(as like php date())  (0) 2007/08/08
[font series 2]폰트사이즈만 상대적으로 하면 된다?  (2) 2007/08/01
[font series 1]웹에서 Font Size 문제..  (2) 2007/08/01
Posted by Johan Kim hiphapis
TAG JavaScript, trim, 여백
Trackback 1 Comment 1

TRACKBACK http://hiphapis.net/trackback/67 관련글 쓰기

  1. 정귯ㄱ  삭제

    2009/02/20 23:48TRACKBACK FROM I think about...

    ㅇ

댓글을 달아 주세요

  1. Favicon of http://www.buysitetraffic.com/ BlogIcon get website traffic

    감사합니다

    2011/12/20 15:02 [ ADDR : EDIT/ DEL : REPLY ]