f

ie6, ie8 과 파이어폭스에서 css width값 동일하게 맞추기

· 2011-07-21 (목) 23:03:41 · 2939 · 2
table을 대체하여 css로 박스를 만들때 width값이 잘 맞지 않아서 화면이 깨지는 현상이 있는경우 사용..

익스플로어와 파이어폭스에서 넓이(width)값 계산방식이 틀려서인데 아래의 형태로 핵을 추가하면
위 브라우저에서는 모두 동일하게 화면이 깨지지 않고 표시됨.


익스6, 익스8, 파이어폭스에서 css 로 테이블 박스를 만들어 width값을 넣었을때 깨지는 경우,
아래 방법으로 핵을 사용하면 정확하게 맞아 떨어집니다
 
 
아래 댓글 참고.
[이 게시물은 관리자님에 의해 2011-10-31 16:54:41 CSS에서 이동 됨]
|

댓글 2개

<style type="text/css">
#wrap {width:1040px; margin:0; padding:0px;}
#navi {height:60px; margin:0; padding:0; background-color:#f1f1f1;}
#navi_left {
float:left;
padding:0;
overflow:hidden;
width:208px; height:30px;
border:1px solid #333;
/*\**/:width:210px; /* ie용 핵 */
}

#navi_center {
float:left;
padding:0;
overflow:hidden;
width:618px; height:30px;
border:1px solid #333;
/*\**/:width:620px; /* ie용 핵 */
}

#navi_right {
float:right;
padding:0;
overflow:hidden;
width:208px; height:30px;
border:1px solid #333;
/*\**/:width:210px; /* ie용 핵 */
}
</style>


<div id="wrap">
<div id="navi">

<div id="navi_left">좌측공간</div>

<div id="navi_center">중앙-contents</div>

<div id="navi_right">우측공간</div>

</div>
</div>

</body>
</html>
dtd xhtml 선언후 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
메타 선언하면 똑같이 그나마 똑같이 먹음. 하지만 조금씩은 틀리다는거;;
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
12-08-29 조회 3,861
12-08-07 조회 3,528
12-08-03 조회 3,479
12-07-31 조회 3,592
12-07-30 조회 3,557
12-07-16 조회 3,735
12-07-15 조회 3,445
12-07-07 조회 3,427
12-07-06 조회 3,522
12-07-03 조회 3,609
12-06-29 조회 3,202
12-06-22 조회 3,570
12-06-17 조회 3,655
12-05-21 조회 3,733
12-05-02 조회 3,319
12-05-02 조회 4,124
12-05-02 조회 3,240
12-04-30 조회 3,345
12-04-30 조회 3,056
12-03-17 조회 3,872
12-03-10 조회 3,315
12-03-08 조회 3,716
12-03-03 조회 3,499
12-02-27 조회 4,900
12-02-17 조회 4,228
12-02-16 조회 4,384
12-02-03 조회 3,246
12-01-31 조회 2,968
12-01-24 조회 3,054
12-01-17 조회 3,805
12-01-05 조회 3,363
11-12-30 조회 2,976
11-12-23 조회 4,554
11-12-08 조회 3,282
11-12-07 조회 4,309
11-11-27 조회 3,751
11-11-25 조회 3,993
11-11-23 조회 3,417
11-11-22 조회 3,384
11-11-09 조회 3,167
11-10-23 조회 3,050
11-10-19 조회 3,034
11-10-08 조회 2,736
11-10-04 조회 2,758
11-10-04 조회 5,195
11-09-01 조회 4,257
11-08-13 조회 2,428
11-08-06 조회 3,116
11-07-11 조회 3,485
11-06-27 조회 2,890
11-06-21 조회 2,497
11-06-13 조회 2,328
11-06-07 조회 2,305
11-05-26 조회 2,315
11-04-20 조회 2,660
11-03-21 조회 2,750
11-03-18 조회 2,428
11-03-11 조회 2,460
11-02-07 조회 2,297
11-01-18 조회 2,627
11-01-12 조회 2,303
11-01-06 조회 2,464
10-12-10 조회 2,720
10-12-09 조회 2,364
10-12-08 조회 4,959
10-11-29 조회 2,455
10-11-28 조회 2,698
10-11-28 조회 2,521
10-11-19 조회 2,711
10-11-04 조회 2,656
10-10-21 조회 2,376
10-10-19 조회 3,321
10-10-12 조회 2,644
10-10-07 조회 2,413
10-09-30 조회 3,434
10-09-17 조회 3,827
10-09-17 조회 3,795
10-05-31 조회 3,445
09-12-31 조회 3,593
09-07-23 조회 4,883
08-09-16 조회 3,156
08-09-06 조회 2,879
08-09-04 조회 3,267
08-08-16 조회 4,349
08-08-15 조회 3,227
08-08-14 조회 4,444
08-08-12 조회 3,805
08-07-23 조회 2,738
08-07-10 조회 3,666
08-07-04 조회 2,896
08-06-27 조회 7,549
08-06-19 조회 4,841
08-05-27 조회 5,451
08-05-25 조회 5,281
08-05-23 조회 3,354
08-05-23 조회 4,453
08-05-21 조회 4,835
08-05-20 조회 3,994
08-05-20 조회 3,237
08-04-18 조회 4,222