f

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

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-04-26 조회 3,868
12-04-24 조회 3,249
12-04-23 조회 4,575
12-04-22 조회 3,265
12-04-19 조회 3,360
12-04-18 조회 4,427
12-04-18 조회 3,121
12-04-17 조회 3,397
12-04-17 조회 5,152
12-04-16 조회 3,579
12-04-13 조회 3,126
12-04-09 조회 3,182
12-04-04 조회 3,956
12-04-01 조회 3,236
12-03-31 조회 3,634
12-03-30 조회 3,244
12-03-30 조회 3,909
12-03-26 조회 3,522
12-03-26 조회 3,090
12-03-22 조회 3,246
12-03-21 조회 3,102
12-03-19 조회 3,516
12-03-17 조회 3,533
12-03-14 조회 3,266
12-03-10 조회 3,938
12-03-09 조회 3,535
12-03-09 조회 3,357
12-03-08 조회 3,827
12-03-08 조회 3,994
12-03-08 조회 4,085
12-03-03 조회 3,350
12-03-02 조회 4,672
12-02-28 조회 3,196
12-02-27 조회 3,025
12-02-25 조회 3,166
12-02-24 조회 3,864
12-02-23 조회 3,132
12-02-22 조회 3,655
12-02-22 조회 5,416
12-02-22 조회 3,987
12-02-22 조회 4,312
12-02-18 조회 3,811
12-02-17 조회 3,033
12-02-17 조회 3,438
12-02-14 조회 3,506
12-02-13 조회 3,398
12-02-10 조회 1만
12-02-08 조회 3,054
12-02-07 조회 3,388
12-02-06 조회 3,117
12-02-05 조회 3,581
12-01-31 조회 3,505
12-01-30 조회 9,696
12-01-29 조회 3,851
12-01-26 조회 3,447
12-01-25 조회 4,061
12-01-24 조회 3,453
12-01-10 조회 3,757
12-01-10 조회 4,523
12-01-09 조회 3,294
12-01-08 조회 7,155
12-01-08 조회 3,678
12-01-07 조회 5,209
12-01-04 조회 3,911
12-01-02 조회 3,133
12-01-02 조회 3,185
12-01-02 조회 3,489
12-01-01 조회 3,122
11-12-31 조회 3,435
11-12-31 조회 3,117
11-12-30 조회 3,285
11-12-30 조회 3,441
11-12-29 조회 3,653
11-12-28 조회 3,743
11-12-26 조회 3,321
11-12-23 조회 3,541
11-12-22 조회 3,082
11-12-15 조회 4,178
11-12-08 조회 3,976
11-12-05 조회 3,318
11-12-04 조회 5,732
11-12-03 조회 3,610
11-12-02 조회 3,383
11-12-01 조회 5,459
11-11-30 조회 2,935
11-11-30 조회 2,836
11-11-28 조회 3,184
11-11-26 조회 3,381
11-11-25 조회 3,376
11-11-24 조회 2,974
11-11-22 조회 3,072
11-11-22 조회 2,913
11-11-17 조회 2,843
11-11-11 조회 2,839
11-11-09 조회 2,893
11-11-08 조회 3,273
11-11-08 조회 2,567
11-11-04 조회 3,651
11-11-01 조회 2,954
11-10-26 조회 2,545