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건
+
제목 글쓴이 날짜 조회
11-04-10 조회 3,634
11-04-08 조회 3,399
11-04-06 조회 3,150
11-04-05 조회 2,657
11-04-05 조회 3,165
11-04-04 조회 3,070
11-04-03 조회 2,783
11-04-02 조회 2,432
11-04-02 조회 4,154
11-04-02 조회 3,536
11-04-02 조회 2,899
11-04-01 조회 3,614
11-04-01 조회 2,413
11-04-01 조회 2,559
11-04-01 조회 3,148
11-04-01 조회 3,440
11-03-31 조회 2,905
11-03-30 조회 2,533
11-03-27 조회 2,754
11-03-27 조회 2,624
11-03-27 조회 3,526
11-03-27 조회 3,711
11-03-26 조회 3,538
11-03-25 조회 2,619
11-03-25 조회 3,161
11-03-25 조회 3,209
11-03-25 조회 3,293
11-03-24 조회 5,167
11-03-23 조회 2,602
11-03-23 조회 3,616
11-03-23 조회 2,477
11-03-22 조회 2,586
11-03-22 조회 2,398
11-03-21 조회 2,878
11-03-20 조회 3,333
11-03-20 조회 2,842
11-03-19 조회 2,702
11-03-18 조회 2,353
11-03-18 조회 3,357
11-03-18 조회 2,866
11-03-18 조회 2,576
11-03-17 조회 3,876
11-03-17 조회 2,939
11-03-17 조회 2,855
11-03-17 조회 2,392
11-03-17 조회 3,273
11-03-15 조회 4,216
11-03-15 조회 2,600
11-03-14 조회 2,041
11-03-14 조회 3,634
11-03-14 조회 3,418
11-03-14 조회 2,205
11-03-13 조회 2,788
11-03-13 조회 3,125
11-03-12 조회 2,789
11-03-12 조회 2,165
11-03-12 조회 2,154
11-03-11 조회 2,590
11-03-11 조회 2,873
11-03-11 조회 2,677
11-03-10 조회 2,399
11-03-10 조회 2,773
11-03-10 조회 2,618
11-03-10 조회 2,928
11-03-10 조회 2,424
11-03-10 조회 2,661
11-03-09 조회 2,416
11-03-09 조회 2,822
11-03-09 조회 2,168
11-03-09 조회 3,630
11-03-09 조회 2,845
11-03-09 조회 4,478
11-03-08 조회 2,863
11-03-08 조회 2,508
11-03-08 조회 2,589
11-03-08 조회 2,546
11-03-08 조회 2,034
11-03-08 조회 2,392
11-03-07 조회 2,399
11-03-07 조회 3,808
11-03-05 조회 2,493
11-03-05 조회 4,992
11-03-04 조회 2,269
11-03-04 조회 2,106
11-03-04 조회 2,224
11-03-04 조회 3,246
11-03-04 조회 2,908
11-03-04 조회 2,616
11-03-04 조회 2,644
11-03-04 조회 2,598
11-03-04 조회 2,697
11-03-04 조회 2,299
11-03-03 조회 1,908
11-03-03 조회 2,436
11-03-03 조회 3,649
11-03-03 조회 2,972
11-03-03 조회 3,334
11-03-03 조회 2,319
11-03-03 조회 2,785
11-03-03 조회 3,031