table을 대체하여 css로 박스를 만들때 width값이 잘 맞지 않아서 화면이 깨지는 현상이 있는경우 사용..
익스플로어와 파이어폭스에서 넓이(width)값 계산방식이 틀려서인데 아래의 형태로 핵을 추가하면
위 브라우저에서는 모두 동일하게 화면이 깨지지 않고 표시됨.
익스6, 익스8, 파이어폭스에서 css 로 테이블 박스를 만들어 width값을 넣었을때 깨지는 경우,
아래 방법으로 핵을 사용하면 정확하게 맞아 떨어집니다
익스플로어와 파이어폭스에서 넓이(width)값 계산방식이 틀려서인데 아래의 형태로 핵을 추가하면
위 브라우저에서는 모두 동일하게 화면이 깨지지 않고 표시됨.
익스6, 익스8, 파이어폭스에서 css 로 테이블 박스를 만들어 width값을 넣었을때 깨지는 경우,
아래 방법으로 핵을 사용하면 정확하게 맞아 떨어집니다
아래 댓글 참고.
[이 게시물은 관리자님에 의해 2011-10-31 16:54:41 CSS에서 이동 됨]
댓글 2개
forever
14년 전
<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>
#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>
bohemians
14년 전
dtd xhtml 선언후 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
메타 선언하면 똑같이 그나마 똑같이 먹음. 하지만 조금씩은 틀리다는거;;
메타 선언하면 똑같이 그나마 똑같이 먹음. 하지만 조금씩은 틀리다는거;;
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3530 | 14년 전 | 913 | ||
| 3529 | 14년 전 | 1132 | ||
| 3528 |
 넓은마인드 |
14년 전 | 1339 | |
| 3527 | 14년 전 | 1188 | ||
| 3526 |
 JMS007 |
14년 전 | 891 | |
| 3525 | 14년 전 | 1181 | ||
| 3524 | 14년 전 | 1401 | ||
| 3523 | 14년 전 | 1371 | ||
| 3522 | 14년 전 | 920 | ||
| 3521 | 14년 전 | 2096 | ||
| 3520 |
넓은마인드 |
14년 전 | 435 | |
| 3519 | 14년 전 | 1055 | ||
| 3518 | 14년 전 | 903 | ||
| 3517 |
다케미카코
|
14년 전 | 749 | |
| 3516 |
넓은마인드 |
14년 전 | 1240 | |
| 3515 |
NS미디어
|
14년 전 | 1676 | |
| 3514 | 14년 전 | 1032 | ||
| 3513 |
FreeZone
|
14년 전 | 821 | |
| 3512 |
넓은마인드 |
14년 전 | 824 | |
| 3511 | 14년 전 | 1085 | ||
| 3510 | 14년 전 | 1380 | ||
| 3509 | 14년 전 | 1477 | ||
| 3508 | 14년 전 | 548 | ||
| 3507 | 14년 전 | 1097 | ||
| 3506 |
 익명닉네임 |
14년 전 | 988 | |
| 3505 | 14년 전 | 1009 | ||
| 3504 | 14년 전 | 1732 | ||
| 3503 |
letsgolee
|
14년 전 | 1496 | |
| 3502 | 14년 전 | 1379 | ||
| 3501 | 14년 전 | 1137 | ||
| 3500 | 14년 전 | 1151 | ||
| 3499 | 14년 전 | 1763 | ||
| 3498 |
리눅스초보100
|
14년 전 | 796 | |
| 3497 |
네비플러스
|
14년 전 | 578 | |
| 3496 |
도와주세요
|
14년 전 | 840 | |
| 3495 | 14년 전 | 819 | ||
| 3494 | 14년 전 | 1319 | ||
| 3493 | 14년 전 | 1578 | ||
| 3492 | 14년 전 | 1335 | ||
| 3491 | 14년 전 | 950 | ||
| 3490 | 14년 전 | 1020 | ||
| 3489 | 14년 전 | 1105 | ||
| 3488 | 14년 전 | 2844 | ||
| 3487 |
JMoon
|
14년 전 | 1030 | |
| 3486 | 14년 전 | 1693 | ||
| 3485 | 14년 전 | 1310 | ||
| 3484 | 14년 전 | 952 | ||
| 3483 | 14년 전 | 2240 | ||
| 3482 |
photolate
|
14년 전 | 2659 | |
| 3481 | 14년 전 | 765 | ||
| 3480 | 14년 전 | 1004 | ||
| 3479 | 14년 전 | 1890 | ||
| 3478 |
 연후하은아빠 |
14년 전 | 2275 | |
| 3477 | 14년 전 | 1337 | ||
| 3476 | 14년 전 | 1473 | ||
| 3475 | 14년 전 | 810 | ||
| 3474 | 14년 전 | 1122 | ||
| 3473 | 14년 전 | 1121 | ||
| 3472 | 14년 전 | 1883 | ||
| 3471 | 14년 전 | 1147 | ||
| 3470 | 14년 전 | 821 | ||
| 3469 | 14년 전 | 917 | ||
| 3468 | 14년 전 | 222 | ||
| 3467 | 14년 전 | 968 | ||
| 3466 | 14년 전 | 877 | ||
| 3465 | 14년 전 | 894 | ||
| 3464 |
스카이워커
|
14년 전 | 1430 | |
| 3463 | 14년 전 | 2310 | ||
| 3462 | 14년 전 | 1364 | ||
| 3461 | 14년 전 | 1141 | ||
| 3460 |
New악마
|
14년 전 | 1520 | |
| 3459 | 14년 전 | 773 | ||
| 3458 | 14년 전 | 776 | ||
| 3457 | 14년 전 | 1031 | ||
| 3456 | 14년 전 | 1260 | ||
| 3455 | 14년 전 | 891 | ||
| 3454 | 14년 전 | 1178 | ||
| 3453 | 14년 전 | 1807 | ||
| 3452 | 14년 전 | 788 | ||
| 3451 | 14년 전 | 1120 | ||
| 3450 | 14년 전 | 1141 | ||
| 3449 | 14년 전 | 845 | ||
| 3448 | 14년 전 | 857 | ||
| 3447 | 14년 전 | 1243 | ||
| 3446 | 14년 전 | 1728 | ||
| 3445 | 14년 전 | 1630 | ||
| 3444 | 14년 전 | 1539 | ||
| 3443 |
 Terrorboy |
14년 전 | 920 | |
| 3442 | 14년 전 | 1108 | ||
| 3441 | 14년 전 | 942 | ||
| 3440 |
바인플러스
|
14년 전 | 826 | |
| 3439 | 14년 전 | 2020 | ||
| 3438 | 14년 전 | 1289 | ||
| 3437 |
New악마
|
14년 전 | 1230 | |
| 3436 |
카프카07
|
14년 전 | 1295 | |
| 3435 |
Terrorboy |
14년 전 | 1521 | |
| 3434 |
Terrorboy |
14년 전 | 880 | |
| 3433 | 14년 전 | 1658 | ||
| 3432 | 14년 전 | 3947 | ||
| 3431 | 14년 전 | 1884 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기