유

div 사이즈 5픽셀로 하기. -_-

· 2007-10-19 (금) 17:52:49 · 4753 · 8
<style type="text/css">
#line {width:100px;height:5px;line-height:5px;background-color:#ffffff;}
</style>

1번
<div id="line"> </div>

2번
<div id="line"></div>



불여우에서는 잘 되는데, IE 에서는 5픽셀 이상으로 뜨죠. -_- 2번의 경우.

1번처럼 띄어쓰기 한번 해주면 잘 됩니다.

이것 때문에 삽질좀 했습니다.
[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]
|

댓글 8개

감사합니다.이런 방법이 있었군요
레이어의 빈공간이 없건 있건 폰트사이즈때문에 생기는 것으로 어린 짐작합니다.
2번의 경우 폰트 사이즈 0이나 5로 하면 아마 될 것입니다.
이는 기본적으로 폰트 사이즈를 지정하지 않을 경우 레이어의 공간이 기본 폰트 사이즈로 되기때문에 기본 폰트 사이즈보다 작은 레이어를 쓰실 경우 발생할 수 있는 문제일 것입니다.
그렇네요. ^^

폰트 사이즈를 추가하니까 잘 됩니다. :)
overflow:hidden 으로 해도 height는 5px가아닌 1px부터 잘됩니다.
그러니까 요렇게 하믄 되는거죠?
<style type="text/css">
#line {font-size: 1px; height:5px; line-height:5px;}
</style>

<div id="line"> </div>

자주 애용하는 방법이네요 헤헤
저두 폰트사이즈루~
흠.... 이거 dtd 적용한 문서에서는 문제없는거아닌가요?;

익스6 에서 야기되는 문제아닌가??

익스8에서 호환성보기 안했는데도이렇게나오나요???
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
12-01-11 조회 2,745
12-01-11 조회 1.2만
12-01-10 조회 2,845
12-01-08 조회 3,439
12-01-05 조회 5,331
11-12-29 조회 3,048
11-12-27 조회 2,833
11-12-25 조회 3,016
11-12-22 조회 3,453
11-12-14 조회 2,916
11-12-12 조회 3,533
11-11-28 조회 3,375
10-10-19 조회 2,834
08-09-05 조회 3,754
08-09-05 조회 3,569
08-06-14 조회 3,314
08-04-22 조회 3,589
08-04-17 조회 3,594
07-10-03 조회 4,210
07-10-03 조회 3,605
07-10-03 조회 7,286
07-10-03 조회 4,564
07-10-03 조회 3,262
07-10-03 조회 2,853
07-10-02 조회 3,569
07-10-02 조회 3,099
07-09-27 조회 5,016
07-09-27 조회 3,842
06-09-26 조회 3,514
06-09-26 조회 4,730
06-09-22 조회 3,905
06-09-22 조회 3,521
06-09-22 조회 4,268
06-09-21 조회 4,201
06-08-18 조회 3,691
05-11-30 조회 4,740
05-07-15 조회 4,587
05-03-23 조회 4,651
05-03-14 조회 3,319
05-03-13 조회 2,695
04-08-05 조회 5,767