IE에서 display:none인 element를 toggle할때(block/none) IE에서 전 과 후의 여백이 틀려지는 상황이 발생하는 경우가 있는데
이럴때 해결책은 min-height를 넣어주면 된다.
IE6은 min-height를 지원않으므로 어쩔 수 없이 Hack을 써야한다.
height만 적어주어도 되지 않느냐~? 란 의문이 들 수 도 있겠지만 그렇게 되면 display:none인 element가 block(show)상태가 되었을때 position:absoulte된 것 처럼 위에 덮어쓰게 된다.
이럴때 해결책은 min-height를 넣어주면 된다.
IE6은 min-height를 지원않으므로 어쩔 수 없이 Hack을 써야한다.
height:37px; /* IE6 */
height /**/:auto; /* FF, IE7 */
min-height:37px; /* FF, IE7 */
height /**/:auto; /* FF, IE7 */
min-height:37px; /* FF, IE7 */
height만 적어주어도 되지 않느냐~? 란 의문이 들 수 도 있겠지만 그렇게 되면 display:none인 element가 block(show)상태가 되었을때 position:absoulte된 것 처럼 위에 덮어쓰게 된다.
'웹[기술|표준|접근] > 작은 팁' 카테고리의 다른 글
| 코딩 하기 전 에 문서부터 디자인을 하라 (2) | 2008/03/19 |
|---|---|
| 탭메뉴는 어떻게 코딩 해야 할까? (4) | 2008/03/06 |
| IE에서 display를 toggle할때 여백이 바뀌는 경우.(알수 없는 공백이 생길때) (0) | 2008/02/04 |
| IE6 에서 print 했는데 글씨가 겹쳐서 나올때 (0) | 2008/02/01 |
| mac profile (0) | 2008/01/31 |
| table 에서 overflow:hidden 하기 (0) | 2008/01/24 |
댓글을 달아 주세요