[ie6] 이미지잘림현상... 해결할 방법이 있을지요?
나나
현재 첨부한 이미지와같은 팝업을 제작중인데요..
처음 코딩하고 테스트했을때는 문제가 없었는데.. 어느순간부터.. ie6에서 한쪽 이미지가 잘리는 현상이 일어나네요..
문제가 무엇인지.. 도저히 답을 찾을 수가 없네요.. ㅜㅜ
내용에따라 늘렸다 줄였다 사용하도록.. 박스 배경을 모두 각 클래스로 적용했는데요.. 소스는 아래와같습니다만.. ie6에서 상단과 하단에 사용된 이미지만 위에 첨부한 이미지와같이 왼쪽으로 쏠려서 잘리는 현상이 있네요..
제코딩의 문제가 있는것인지.. 아님 고칠수 없는 버그인것인지.. 알려주시면 감사하겠습니다. ㅜㅜ
해당 이미지에 사용된 소스는 다음과 같습니다..
CSS----------------------------------------------------------------
.top_no
{overflow:hidden;}
.top_no em
{display:block;height:20px;background:url(/web/images/common/bg/bg_pop_top_l.png) no-repeat left top;font-style:normal;}
.top_no span
{display:block;height:20px;background:url(/web/images/common/bg/bg_pop_top_r.png) no-repeat right top;}
.top_no span.txt
{display:block;height:20px;margin:0 11px 0 11px;background:url(/web/images/common/bg/bg_pop_top.png) #fff repeat-x top;}
.contents
{overflow:hidden;}
.contents_lf
{display:block;height:auto !important;height:100%;min-height:100%;background:url(/web/images/common/bg/bg_pop_cont_l.gif) repeat-y left top;overflow:hidden;font-style:normal;}
.contents_rh
{display:block;height:auto !important;height:100%;min-height:100%;background:url(/web/images/common/bg/bg_pop_cont_r.gif) repeat-y right top;overflow:hidden;}
.contents_con
{height:auto !important;background:url(/web/images/common/bg/bg_pop_cont_t.gif) #fff left top repeat-x;
display:block;height:100%;min-height:100%;margin:0 4px 0 4px;}
.contents_txt
{padding:15px;text-align:center;}
.btm_nx
{overflow:hidden;}
.btm_nx em
{display:block;height:19px;background:url(/web/images/common/bg/bg_pop_btm_nx_l.png) no-repeat left bottom;
overflow:hidden;font-style:normal;}
.btm_nx span
{display:block;height:19px;background:url(/web/images/common/bg/bg_pop_btm_nx_r.png) no-repeat right bottom;
overflow:hidden;}
.btm_nx span.txt
{display:block;height:19px;margin:0 11px 0 11px;background:url(/web/images/common/bg/bg_pop_btm_nx.png) repeat-x bottom;}HTML---------------------------------------------------------------
div style=width:400px;
div class=top_noemspanspan class=txt/span/span/em/div
div class=contents
div class=contents_lfdiv class=contents_rhdiv class=contents_con
div class=contents_txtAdd Mark Jacobs as a friend ?/div
/div/div/div
/div
div class=btm_nxemspanspan class=txt/span/span/em/div
/div
-
Isolation
감사합니다. ^^ 저도.. 끝부분에 해당하는 이미지를 좀 여유롭게 잘라 수정했습니다. ^^ _margin:0 10px 0 11px;부분은 생각을 못했네요 ^^ 동일하게 적용해보도록 하겠습니다. 답변 감사드려요 ^^
-
지나
span.txt 부분에 _margin:0 10px 0 11px; 라고 추가해보세요. 그리구 저렇게 감싸도록 하시게 되면 이미지(bg_pop_btm_nx.png) 크기를 여유있게 자르시면 문제 없으실꺼에요.
-
세움
음... 숫자로도.. 해보긴했는데... ie6은 어떻게 잡아야할지.. 도통답이 나오지않아서요.. ㅠㅠ right 부분의 이미지 잘림을 해결할 수 있는 소스가 있을지요...
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2701285 | 아이폰이나 안드로이드 폰 인터넷으로 볼때 | 배꽃 | 2025-07-12 |
2701230 | 테마 설정하면 밑에 뜨는 글 삭제 (1) | 창의적 | 2025-07-12 |
2701177 | css적용이 안되요~ (6) | 다니엘 | 2025-07-11 |
2701151 | 사이트작업시 inputbox 가 readonly 형태표시 어떻게 하시나요? (1) | 찬내 | 2025-07-11 |
2701123 | 간단한 select 질문입니다 (3) | 천사의눈물 | 2025-07-11 |
2701061 | 비베질문.. | 똘끼 | 2025-07-10 |
2701034 | 메일폼 내 script 삽입가능한 방법 없을까요.. (2) | 마음새 | 2025-07-10 |
2701008 | 분명히 버튼을 만들었는데 액션이 안걸립니다. (3) | 재찬 | 2025-07-10 |
2700923 | 전체중앙정렬&독타입&쿼크모드 ㅜㅠ (8) | 푸른들 | 2025-07-09 |
2700893 | 질문드리겠습니다. | 도도한 | 2025-07-09 |
2700793 | 무비클립에 마우스 오버시 랜덤으로 효과음 나기는 어떻게 ;; (1) | 바닐라 | 2025-07-08 |
2700741 | 웹전송? (2) | 연와인 | 2025-07-07 |
2700686 | 카테고리 호버시 세부카테고리 보이게하는 것, css로만 가능할까요?? (3) | 다힘 | 2025-07-07 |
2700658 | 메타태그 질문드립니다..ㅠㅠ;;; | 모해 | 2025-07-07 |
2700632 | 외부에서 이미지 파일을 불러와야 합니다. 도와주세요. (4) | 에일린 | 2025-07-06 |
2700579 | (air + as3) smtp 이용해서 첨부파일 포함해서 메일 보내기 | 물보라 | 2025-07-06 |
2700524 | 클릭시 밑에 메뉴 나오게 (4) | 새솔 | 2025-07-05 |
2700505 | activex를 비쥬얼6.0으로 만들었는데요 비스타 배포시에 안되서 질문드립니다 (3) | 참이 | 2025-07-05 |
2700452 | c언어에서... 자료형 구분.... (3) | 시내 | 2025-07-05 |
2700422 | 버전에 관해 질문 | 라온제나 | 2025-07-04 |