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,559
14년 전 조회 1,433
14년 전 조회 3,508
14년 전 조회 1,278
14년 전 조회 1,571
14년 전 조회 1,088
14년 전 조회 1,397
14년 전 조회 1,194
14년 전 조회 1,870
14년 전 조회 1,310
14년 전 조회 1,684
14년 전 조회 1,321
14년 전 조회 1,250
14년 전 조회 1,202
14년 전 조회 1,924
14년 전 조회 1,395
14년 전 조회 1,268
14년 전 조회 1,310
14년 전 조회 1,965
14년 전 조회 1,979
14년 전 조회 1,182
14년 전 조회 3,020
14년 전 조회 1,033
14년 전 조회 1,300
14년 전 조회 3,759
14년 전 조회 1,271
14년 전 조회 1,679
14년 전 조회 1,988
14년 전 조회 1,093
14년 전 조회 1,328
14년 전 조회 1,380
14년 전 조회 1,729
14년 전 조회 1,334
14년 전 조회 1,625
14년 전 조회 3,577
14년 전 조회 1,949
14년 전 조회 1,349
14년 전 조회 2,109
14년 전 조회 1,501
14년 전 조회 1,017
14년 전 조회 2,934
14년 전 조회 1,307
14년 전 조회 1,367
14년 전 조회 1,663
14년 전 조회 1,544
14년 전 조회 1,566
14년 전 조회 1,111
14년 전 조회 2,979
14년 전 조회 1,385
14년 전 조회 1,996
14년 전 조회 1,597
14년 전 조회 1,592
14년 전 조회 1,336
14년 전 조회 1,627
14년 전 조회 1,195
14년 전 조회 1,202
14년 전 조회 2,043
14년 전 조회 1,778
14년 전 조회 1,599
14년 전 조회 1,631
14년 전 조회 2,445
14년 전 조회 2,035
14년 전 조회 1,152
14년 전 조회 2,015
14년 전 조회 1,798
14년 전 조회 1,857
14년 전 조회 1,378
14년 전 조회 1,411
14년 전 조회 1,379
14년 전 조회 1,346
14년 전 조회 1,986
14년 전 조회 1,322
14년 전 조회 1,621
14년 전 조회 1,886
14년 전 조회 1,964
14년 전 조회 1,636
14년 전 조회 2,376
14년 전 조회 1,717
14년 전 조회 2,359
14년 전 조회 1,928
14년 전 조회 1,574
14년 전 조회 3,653
14년 전 조회 2,119
14년 전 조회 1,578
14년 전 조회 1,421
14년 전 조회 2,106
14년 전 조회 1,506
14년 전 조회 1,302
14년 전 조회 1,242
14년 전 조회 2,493
14년 전 조회 1,147
14년 전 조회 1,373
14년 전 조회 2,169
14년 전 조회 1,494
14년 전 조회 1,478
14년 전 조회 2,017
14년 전 조회 1,702
14년 전 조회 1,770
14년 전 조회 1,567
14년 전 조회 2,855