IE8에서만 테이블이 깨져보이네요
악당
▲위는 깨지는 화면인데 프로그램이 붙여진 화면입니다.
적용하지도 않은 스타일이 조기 파랗게 tbody에 적용되어있네요.
파폭과 크롬 ie7에서는 제대로 잘 보이는데 ie8에서만 이상하게 보여요.
▼아래화면은 프로그램 붙이기 전에 퍼블리싱한 화면입니다.동일한 ie8에서 본 화면이구요.
이유가 뭘까요?
원 css 는 화면 아래에 있습니다.
/* Table_View_Style */
.view {padding:0 0 20px 0; clear:both; }#contents_noneleft .view {margin:0 auto;}#contents_noneleft .linebox {width:500px; margin:0 auto;}.view_center {margin:0 auto;}.view table {width:100%;}.view table th {height:26px; border-bottom:1px solid #d0d0d0; background-color:#f2f5fa ; color:#333; text-align:left; padding:0 0 0 20px;}.view table td {border-bottom:1px solid #d0d0d0; border-left:1px solid #d4d1da;background-color:#FFF; padding:0 10px; line-height:130%;} .ie6fix .view table td span, .ie7fix .view table td span {margin: 2px 4px 1px 1px;}.view table .topline th, .view table .topline td, .view table .topline {border-top:2px solid #61839b;}.view table .bottomline th, .view table .bottomline td, .view table .bottomline {border-bottom:1px solid #bfbfbf; background:none;}.view table .bottomline th, .view table th.bottomline {background-color:#f2f5fa;}.view table .bottomline td {background-color:#FFF;}.view input, .view select {border:1px solid #aaa; width:200px; margin:3px 0 3px 0;}.view select {width:203px;}
노랗게 된부분을 삭제해야할까요?
그리고 colgroup 속성도 이상하게 반영되어있어요.
25% 반영하지도 않았는데 반영되어있구요 이건 파폭에서는 안보여요 ie8에서만 이렇게 반영되어있습니다.
그리고 col style=width:75% 이것도 각각 25%, 75%인데 둘다 75%로 되어있구요.
이유가 뭘까요??? 헐 .....
-
놓아주세요
헐 정말 감사합니다 +.+저도해결되었답니다~
-
치에미
저두 이것때문에 고민이었는데 감사합니다+_+
-
뽀야
고맙습니다. 크로스브라우징 어렵네요...
-
네코
ie8에서만 나오는 현상입니다. 위에 crazymaki님의 답변처럼 table-layout:fixed; 해주면 원상복구됩니다.
-
하루키
감사합니다.
-
화1이트
.view table 에 table-layout:fixed 추가론 안되나요?