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" />
메타 선언하면 똑같이 그나마 똑같이 먹음. 하지만 조금씩은 틀리다는거;;
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

+
제목 글쓴이 날짜 조회
14년 전 조회 1,415
14년 전 조회 1,292
14년 전 조회 3,351
14년 전 조회 1,128
14년 전 조회 1,427
14년 전 조회 939
14년 전 조회 1,263
14년 전 조회 1,050
14년 전 조회 1,737
14년 전 조회 1,156
14년 전 조회 1,534
14년 전 조회 1,171
14년 전 조회 1,114
14년 전 조회 1,052
14년 전 조회 1,783
14년 전 조회 1,232
14년 전 조회 1,139
14년 전 조회 1,180
14년 전 조회 1,829
14년 전 조회 1,841
14년 전 조회 1,023
14년 전 조회 2,890
14년 전 조회 900
14년 전 조회 1,138
14년 전 조회 3,630
14년 전 조회 1,124
14년 전 조회 1,533
14년 전 조회 1,864
14년 전 조회 964
14년 전 조회 1,184
14년 전 조회 1,242
14년 전 조회 1,601
14년 전 조회 1,205
14년 전 조회 1,509
14년 전 조회 3,434
14년 전 조회 1,822
14년 전 조회 1,212
14년 전 조회 1,990
14년 전 조회 1,377
14년 전 조회 890
14년 전 조회 2,801
14년 전 조회 1,193
14년 전 조회 1,254
14년 전 조회 1,542
14년 전 조회 1,419
14년 전 조회 1,443
14년 전 조회 1,006
14년 전 조회 2,872
14년 전 조회 1,259
14년 전 조회 1,886
14년 전 조회 1,486
14년 전 조회 1,498
14년 전 조회 1,228
14년 전 조회 1,502
14년 전 조회 1,081
14년 전 조회 1,094
14년 전 조회 1,931
14년 전 조회 1,676
14년 전 조회 1,479
14년 전 조회 1,532
14년 전 조회 2,309
14년 전 조회 1,912
14년 전 조회 1,059
14년 전 조회 1,908
14년 전 조회 1,686
14년 전 조회 1,766
14년 전 조회 1,255
14년 전 조회 1,279
14년 전 조회 1,253
14년 전 조회 1,209
14년 전 조회 1,861
14년 전 조회 1,197
14년 전 조회 1,503
14년 전 조회 1,763
14년 전 조회 1,831
14년 전 조회 1,513
14년 전 조회 2,257
14년 전 조회 1,601
14년 전 조회 2,226
14년 전 조회 1,779
14년 전 조회 1,435
14년 전 조회 3,505
14년 전 조회 1,975
14년 전 조회 1,424
14년 전 조회 1,295
14년 전 조회 1,967
14년 전 조회 1,363
14년 전 조회 1,166
14년 전 조회 1,109
14년 전 조회 2,347
14년 전 조회 1,034
14년 전 조회 1,249
14년 전 조회 2,027
14년 전 조회 1,350
14년 전 조회 1,357
14년 전 조회 1,884
14년 전 조회 1,573
14년 전 조회 1,630
14년 전 조회 1,416
14년 전 조회 2,721