포럼
1.5.3 업데이트후 Content 위젯 문제
2012.08.01 04:30
1.5.3 업데이트를 기쁜 마음에 했네요.
별다른 이상 없어서 이번에는 무사히..─ㅂ─)인가...했는데..
IE9으로 보니...Content 위젯에서 문제가..;;
파폭/크롬 : 이상없음
IE9 : 줄바뀜....폭도 좀 이상하고..;;
IE9 호환성보기 : 문제 없음..;;
Content 위젯의 CSS 이거저거 수정해 봤는데,
도통 해결책을 못찾겠네요.
해결책으로 뭐가 있을까요...─..─);
ul.widgetAB { margin:0; padding:0; list-style:none; }
ul.widgetAB li { margin:0; padding:0; list-style:none; }
.widgetTableAB { width:99%; font-size:12px; position:relative; border:0; table-layout:fixed;}
.widgetTableAB td{ border:0; line-height:1.3; white-space:nowrap; vertical-align:top; padding:1px 3px 1px 3px;}
.widgetTableAB td.title{ width:93%; white-space:nowrap; overflow:hidden;}
.widgetTableAB td .board{ padding-right:5px;}
.widgetTableAB td .notice{ padding-right:5px;}
.widgetTableAB td .category{ font-weight:normal;}
.widgetTableAB td .replyNum a{ font:7px Tahoma; color:#666666;}
.widgetTableAB td .trackbackNum a{ font:7px Tahoma;}
.widgetTableAB td .author{ font-size:7px;}
.widgetTableAB td .time{ font-size:8px; font-family:Tahoma; margin-top:5px;}
.widgetTableAB td .date{ position:relative; font-size:8px; font-family:Tahoma; margin-top:7px;}
/* widgetThumb */
.widgetThumb{ position:relative; margin:0; text-align:center; font-size:12px; line-height:1.5; }
.widgetThumb .thumb{ display:block; margin-bottom:5px; position:relative; *zoom:1; text-decoration:none; _float:left;}
.widgetThumb .thumb img{ display:block; width:100%;}
.widgetThumb .thumb .imgNone{ display:block; position:relative; width:100%; padding-top:30px; padding-bottom:50px; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetThumb .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetThumb .title{ display:block;}
.widgetThumb .author{ display:block;}
.widgetThumb .date{ font-size:11px; font-family:Tahoma;}
.widgetThumb .hour{ font-size:11px; font-family:Tahoma;}
.widgetZineA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
.widgetZineA:after{ content:""; display:block; clear:both;}
.widgetZineA li { list-style:none; clear:both; margin-bottom:10px; padding-bottom:10px; *zoom:1; overflow:hidden; }
.widgetZineA li p{ margin:0; padding:0;}
.widgetZineA li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
.widgetZineA li p.titleArea{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li p.titleArea .board{ padding-right:5px;}
.widgetZineA li p.text{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li p.authorArea{ margin-left:120px;}
.widgetZineA li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
.widgetZineA li .thumb img{ position:relative; width:100%;}
.widgetZineA li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetZineA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetZineA li .category{ padding-right:5px; font-weight:normal;}
.widgetZineA li .title{ font-weight:bold;}
.widgetZineA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .author{ margin-right:10px;}
.widgetZineA li .date{ font:11px Tahoma;}
.widgetZineA li .hour{ font:11px Tahoma;}
ps) 업데이트하고 이런 문제 없는 그날을 위해...oTL...