묻고답하기

  2. Support
  3. 묻고답하기

ie7 이미지가 하얗게 나오는 문제. 아무래도 css

2013.03.19 16:18

크르릉33

안녕하세요


ie8 이상, 파폭, 크롬, 오페라 등등은 모두 정상으로 뜨나,

xp+ie7, xp+ie6 에서는 이미지가 하얗게만 뜨는 문제가 있어서 질문 남깁니다..


오류나는 페이지는 www.shhose.com 입니다.

메인화면에 상품 사진들이 나오게 되어 있는데 다른데선 다 정상인데 ie7 이하에선 하얗게 나오네요;;;

검색을 해보니 css 호환 문제인것 같은데 정확히 어느 부분인지, 그리고 어떻게 해결해야 하는지 모르겠습니다. ㅠ.ㅠ


현재 메인페이지를 만든 위젯은 다운로드 게시판에서 사라졌고, 만드신분 홈페이지도 없어졌더라구요;;;;

파일의 어느 부분을 올려야하는지 알려주시면 바로 긁어서 올리겠습니다. ㅠ.ㅠ


도움 부탁드립니다.



@charset "utf-8";

.open{ display:block !important;} 
.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearLeft{ clear:left;}
.clearRight{ clear:right;}

.widgetContainer a{ text-decoration:none;}
.widgetContainer a:hover,
.widgetContainer a:active,
.widgetContainer a:focus{ text-decoration:underline;}
.widgetContainer img{ border:0;}
.widgetContainer sup{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px;}
.widgetContainer form{ margin:0; padding:0;}
.widgetContainer fieldset{ border:0; margin:0; padding:0;}

.widgetTabA{ position:relative; margin:0 0 10px 0; padding:0; *zoom:1; border-bottom:2px solid;}
.widgetTabA:after{ content:""; display:block; clear:both;} 
.widgetTabA li{ float:left; margin-right:1px; list-style:none; background-repeat:no-repeat; background-position:0 0;}
.widgetTabA li.active{ background-position:0 -30px;} 
.widgetTabA li a{ position:relative; left:2px; float:left; height:20px; padding:8px 15px 0 15px; text-decoration:none; font-size:12px; background-repeat:no-repeat; background-position:right 0;}
.widgetTabA li.active a{ background-position:right -30px; font-weight:bold; letter-spacing:-1px;}

ul.widgetA { margin:0; padding:0; list-style:none; }
ul.widgetA li { margin:0; padding:0; list-style:none; }
.widgetTableA { width:100%; font-size:12px; position:relative; border:0;}
.widgetTableA td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:1px 5px 1px 5px;}
.widgetTableA td.title{ width:100%; white-space:normal;}
.widgetTableA td .board{ padding-right:5px;} 
.widgetTableA td .notice{ padding-right:5px;}
.widgetTableA td .category{ padding-right:5px; font-weight:normal;}
.widgetTableA td .replyNum a{ font:10px Tahoma; text-decoration:none; }
.widgetTableA td .trackbackNum a{ font:10px Tahoma; text-decoration:none; }
.widgetTableA td.author{}
.widgetTableA td.time{ font-size:11px; font-family:Tahoma;} 


.widgetTabC{ margin:0; padding:0; font-size:12px; border-top:1px solid;}
.widgetTabC li{ list-style:none; border-bottom:1px solid; *zoom:1; margin-bottom:1px;}
.widgetTabC li a{ display:block; padding:7px 0 6px 10px; text-decoration:none; *zoom:1;}

dl.widgetDivider{ margin:0;}
dl.widgetDivider dt{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
dl.widgetDivider dd{ display:none; margin:0;} 

.widgetNavigator{ margin:0; padding:0; text-align:right; clear:both;}
.widgetNavigator li{ list-style:none; display:inline;}
.widgetNavigator li button{ width:16px; height:16px; padding:0; background-color:transparent; background-image:url(../img/white/buttonWidgetNavigation.gif); border:1px solid #999; cursor:pointer;}
.widgetNavigator li button.prev{ background-position:left center; *background-position:-1px center;}
.widgetNavigator li button.next{ background-position:right center; *background-position:13px center;}
.widgetNavigator li button span{ position:absolute; display:block; width:0; height:0; overflow:hidden; visibility:hidden;}

.widgetGalleryA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1; _margin-right:-100%;}
.widgetGalleryA:after{ content:""; display:block; clear:both;}
.widgetGalleryA li { float:left; overflow:hidden; width:100px; margin-right:28px; margin-bottom:15px; padding-bottom:0; white-space:nowrap; list-style:none;}
.widgetGalleryA li.clearRight{ margin-right:0;}
.widgetGalleryA li .thumb{ display:block; position:relative; width:100px; height:75px; margin-bottom:10px; overflow:hidden; text-decoration:none;}
.widgetGalleryA li .thumb img{ display:block; position:relative; width:100%;}
.widgetGalleryA li .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; }
.widgetGalleryA li .thumb .board{ display:block; position:absolute; width:100%; top: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'); }
.widgetGalleryA 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'); }
.widgetGalleryA li .author{ display:block;}
.widgetGalleryA li .replyNum a{ font:10px Tahoma; margin:0 -1px; text-decoration:none; }
.widgetGalleryA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px; text-decoration:none; }
.widgetGalleryA li .date{ font:11px Tahoma;}
.widgetGalleryA li .hour{ font:11px Tahoma;}

/* 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; }
.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; }
.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; text-decoration:none; }
.widgetZineA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px; text-decoration:none; }
.widgetZineA li .author{ margin-right:10px;}
.widgetZineA li .date{ font:11px Tahoma;}
.widgetZineA li .hour{ font:11px Tahoma;}

.widgetTabC{ border-color:#e5e5e5;}
.widgetTabC li{ border-color:#e5e5e5; background:#f8f8f8;}
.widgetTabC li a{ }
.widgetTabC li a:hover, 
.widgetTabC li a:active,
.widgetTabC li a:focus{ background:#eee;}
.widgetTabA{ border-color:#666;}
.widgetTabA li,
.widgetTabA li a{ background-image:url(../img/white/buttonWidgetTab.gif);}
.widgetTabA li a{ }

.widgetA a.board { padding-right:5px; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetA .notice{ background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetA .category{ background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetA .replyNum a{ color:#ff1a1a; text-decoration:none; }
.widgetA .trackbackNum a{ color:#66c; text-decoration:none; }
.widgetA .author { }
.widgetA .date{ }
.widgetA .hour{ color:#888;}

.widgetTableA td.title a{ }
.widgetTableA td .board{ background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .notice{ background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .category{ background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .replyNum a{ color:#ff1a1a; text-decoration:none; }
.widgetTableA td .trackbackNum a{ color:#66c; text-decoration:none; }
.widgetTableA td .author { }
.widgetTableA td .date{ }
.widgetTableA td .hour{ color:#888;}

.widgetGalleryA li .title{ }
.widgetGalleryA li .replyNum a{ color:#ff1a1a; text-decoration:none; }
.widgetGalleryA li .trackbackNum a{ color:#66c; text-decoration:none; }
.widgetGalleryA li .author{ }
.widgetGalleryA li .date{ }
.widgetGalleryA li .hour{ color:#888;}

.widgetThumb{ }
.widgetThumb a{ }
.widgetThumb .hour{ color:#888;}

.widgetZineA li .board{ background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetZineA li .title{ }
.widgetZineA li .replyNum a{ color:#ff1a1a; text-decoration:none; }
.widgetZineA li .trackbackNum a{ color:#66c; text-decoration:none; }
.widgetZineA li .author{ }
.widgetZineA li .category{ background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetZineA li .date{ }
.widgetZineA li .hour{ color:#888;}
.widgetZineA li .text{ color:#888;}

.widgetContainer.black .widgetTabC{ border-color:#7f7f7f;}
.widgetContainer.black .widgetTabC li{ border-color:#7f7f7f; background:#222;}
.widgetContainer.black .widgetTabC li a{ }
.widgetContainer.black .widgetTabC li a:hover,
.widgetContainer.black .widgetTabC li a:active,
.widgetContainer.black .widgetTabC li a:focus{ background:#333;}
.widgetContainer.black .widgetTabA{ border-color:#999;}
.widgetContainer.black .widgetTabA li, 
.widgetContainer.black .widgetTabA li a{ background-image:url(../img/black/buttonWidgetTab.gif);}
.widgetContainer.black .widgetTabA li a{ }

.widgetContainer.black .widgetTableA td.title a{ }
.widgetContainer.black .widgetTableA td .board{ background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetTableA td .notice{ background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetTableA td .category{ background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetTableA td .replyNum{ color:#ff1a1a; text-decoration:none; }
.widgetContainer.black .widgetTableA td .trackbackNum{ color:#66c; text-decoration:none; }
.widgetContainer.black .widgetTableA td .author { }
.widgetContainer.black .widgetTableA td .date{ }
.widgetContainer.black .widgetTableA td .hour{ color:#888;}

.widgetContainer.black .widgetGalleryA li .title{ }
.widgetContainer.black .widgetGalleryA li .replyNum a{ color:#ff1a1a; text-decoration:none; }
.widgetContainer.black .widgetGalleryA li .trackbackNum a{ color:#66c; text-decoration:none; }
.widgetContainer.black .widgetGalleryA li .author{ }
.widgetContainer.black .widgetGalleryA li .date{ }
.widgetContainer.black .widgetGalleryA li .hour{ color:#888;}

.widgetContainer.black .widgetThumb{ }
.widgetContainer.black .widgetThumb a{ }
.widgetContainer.black .widgetThumb .hour{ color:#888;}

.widgetContainer.black .widgetZineA li .board{ background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetZineA li .title{ }
.widgetContainer.black .widgetZineA li .replyNum a{ color:#ff1a1a; text-decoration:none; }
.widgetContainer.black .widgetZineA li .trackbackNum a{ color:#66c; text-decoration:none; }
.widgetContainer.black .widgetZineA li .author{ }
.widgetContainer.black .widgetZineA li .category{ background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetZineA li .date{ }
.widgetContainer.black .widgetZineA li .hour{ color:#888;}
.widgetContainer.black .widgetZineA li .text{ color:#888;}

이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
믹키육천원 게시글 본문 글간격조절 [1] 2013.03.20 by Fidelity
밀드 메뉴리스트를 layout.html에서 불러올때... [1] 2013.03.20 by Fidelity
C형구입자 1.5버전 위젯코드 생성 어떻게 하나요? [1] file 2013.03.20 by Fidelity
최태진814 접속이 않되서 서버업체에 문의했더니.. [1] 2013.03.20 by Canto
미스테리김 게시판스킨에서 첨부된 img 앞뒤로 div tag를 걸려면 어떻게 해야할까요? [1] 2013.03.20 by 미스테리김
Double'U' 1.7.3.0 위젯페이지에서 위젯 크기의 세로 설정이 안됩니다. [1] 2013.03.20
큰돌♡ 어드민바의 파비콘.... [3] file 2013.03.20 by 큰돌♡
YJSoft layout.html에서 Context::get('admin_bar')값  
꿈틀잉 덤프된 sql 올리기 질문이요.. [1] 2013.03.20 by 푸시아
Apollos2304 XE-Core의 각 Rev(Revsion) 난해하다  
ramia1 이미지 자동저장 애드온 구할수 있을까요? [2] 2013.03.20 by ramia1
bluo xe에서 텍스타일을 홈페이지로 설정하려면 어떻게 해야하나요?  
Abraham iframe을 사용한 게시판글 최신업데이트 목록 file  
간지울트라 하아 미치겠네요 xe새로 설치후 아무것도 안뜹니다.. [1] 2013.03.20 by 송동우
참치찌개 링크 타겟팅 문의  
팡팡잇 레이아웃이랑 게시판이랑 충돌할 일이 있나요? [1] 2013.03.19 by Fidelity
걷고있는그녀 게시판 글 안에 자동적으로 광고 넣는방법갈쳐주세요. [3] 2013.03.19 by natura
꾸링 Error has occurred while connecting DB  
서기에요 메뉴 출력 UI 질문.  
걷고있는그녀 게시판 글 안에 자동적으로 광고 넣는방법갈쳐주세요. [1] 2013.03.19 by Fidelity
C형구입자 1.4 -> 1.5 버전업을 하고나니까 로그인에 문제가 생겼어요. [2] file 2013.03.19 by 송동우
DynamicLaser 게시판 대댓글 작성시 페이지 이동하지않고 대댓글 작성하는 방법? [1] file 2013.03.19 by 푸시아
ifreewill xe is not defined  
kyeng 모바일로 홈페이지에 접속할때 바로 PC 버전으로 [1] 2013.03.19 by 푸시아
호그라 사이트맵에서 저장 버튼 클릭시 오류 file  
팡팡잇 xe 1.7.3 버전에 스케치북 게시판 써보신분 [1] 2013.03.19 by 몽실아빠
공유나라 게시판 전체 css 글자색변경 [1] 2013.03.19 by 공유나라
아키xe dreditor 단락편집기에서 웹메시지 창에 글씨가 나오게 하려면? file  
safddsf 관리자페이지가안켜져요 file  
크르릉33 ie7 이미지가 하얗게 나오는 문제. 아무래도 css  
태그 쓰기