• 목록
  • 아래로
  • 위로

회사 홈페이지 건이라 캡쳐는 못 하고 대충 어떤 양상인지 그림을 만들었습니다만... 

제목-없음-1.jpg

원래 이렇게 나와야 하는 게 

 

제목-없음-2.jpg

이렇게 나오는 상황입니다. 

 

<div class="section main"> 
<div class="sectionIn"> 
<div id="fullbanner">
<div class="goods">
<p class="img"><img src="../images/main/이미지" alt="설명"></p> 
<div class="text">
    <a href="#floatwindow" class="open" style="decoration:none; color:#494949;"><h2 class="tit"><strong class="pointC">링크</strong></h2></a> 
    <p class="conts"> 설명문</p> 
</div>
</div>
</div>
    <div id="floatwindow">
<a href="main.jsp" class="close">Close</a>
<dl>
<dt>New product arrived!</dt>
<dd><img src="/images/main/IMpopup_2.jpg" usemap="inno"></dd>
<map name="#inno">
<area shape="rect" alt="" title="" coords="145,74,270,93" href="링크" target="_blank" />
<area shape="rect" alt="" title="" coords="314,72,440,92" href="구글" target="_blank" />
</map>
</dl>
</div>

이게 HTML(문제가 되는 부분은 초록색)

 

/* Main pop-up */
#floatwindow {display:none; position:absolute; top:150px; right:450px; width:640px; height:auto; border:none;z-index:9;}
#floatwindow a.close {position:absolute; right:20px; top:5px;}
#floatwindow a.close img {border:none; width:25px;}
#floatwindow dl {width:100%;height:100%;background-color:#fff;margin:0; text-align:left;}
#floatwindow dl dt {height:40px; line-height:30px; text-indent:1em; color:white; font-weight:bold; cursor:move; color:#002f82; background-color:#bdd7ee;}
#floatwindow dl dd {margin:0; padding:1em; line-height:1.5; text-indent:1em; margin-right:1.5em;}

이건 CSS입니다(문제가 되는 부분은 빨간색)

 

<script>
$(function(){
    $("a.open").click(function(){
        $("#floatwindow").fadeIn("fast");
        return false;
    });
    $("#floatwindow a.close").click(function(){
        $("#floatwindow").fadeOut("fast");
        return false;
    }); //여닫는 스크립트. window 관련입니다. 
    $("#floatwindow dl dt").mousedown(function(e){
        $("#floatwindow")
        .data("clickPointX",e.pageX-$("#floatwindow").offset().left).data("clickPointY",e.pageY-$("#floatwindow").offset().top);
    $(document).mousemove(function(e){
        $("#floatwindow").css({
            top:e.pageY-$("#floatwindow").data("clickPointY")+"px",left:e.pageX-$("#floatwindow").data("clickPointX")+"px"
        });
    });
    }).mouseup(function(e){
        $(document).unbind("mousemove");
    });//창 이동과 관젼된 스크립트(창이 크기를 줄였음에도 좀 커서 부득이하게 추가한 기능)
}); 

</script>

이건 jquery입니다.

 

jquery 소스에는 이상이 없고, 현재 문제가 되는 건 floatwindow가 클릭 전에는 display:none;이어서 안 보여야 하는 게 맞는데, 서버에 올렸을 때 야래 그림처럼 보인다는 겁니다. 확인했는데 저렇게 돼서 급 서버 내렸네요... 참고로 이클립스에서 저 코딩하고 localhost를 통해 확인했을 때는 크롬 파폭 둘다 잘 됐었습니다. (이클립스 내부 브라우저는 아래 그림처럼 보이다가 위 그림처럼 표시됩니다)

작성자
국내산라이츄 104 Lv. (79%) 878500/882000EXP

인생은 양자역학이외다

댓글 6

NoYeah
profile image
로컬 테스트 환경과 서버의 환경이 똑같은 상태였나요?
comment menu
2017.08.24. 14:13

신고

"NoYeah님의 댓글"

이 댓글을 신고 하시겠습니까?

국내산라이츄 작성자 → NoYeah
profile image
'ㅁ' 그걸 확인 안 했네요... 카페24긴 한데..
근데 거기가 제이쿼리가 듣기는 하는 게 원래 제이쿼리 플러그인이 있었는데 그거 빼버렸어요..
comment menu
2017.08.24. 18:51

신고

"국내산라이츄님의 댓글"

이 댓글을 신고 하시겠습니까?

NoYeah → 국내산라이츄
profile image
할 ㅋㅋ
원인은 가까이에
comment menu
2017.08.24. 21:00

신고

"NoYeah님의 댓글"

이 댓글을 신고 하시겠습니까?

프요
저 화면이 저렇게 나오는 건 CSS 쪽 문제 아닐까요 ..? 캐시삭제 같은 거 한번 해보심이...
그리고 회사 링크랑 구글 독스 링크는 지우시는 게 좋을 거 같아요 :D
comment menu
2017.08.24. 23:20

신고

"프요님의 댓글"

이 댓글을 신고 하시겠습니까?

신고

"국내산라이츄님의 댓글"

이 댓글을 신고 하시겠습니까?

프요 → 국내산라이츄

저는 아무것도 못봤습니다ㅎㅎ

 

 

comment menu
2017.08.24. 23:43

신고

"프요님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 시스템 점검 작업 완료 안내 10 마스터 24.09.05.16:25 3526
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 23.01.14.02:23 10646
공지 [필독] 질문하는 방법 17 마스터 18.02.23.03:09 5003
167 SH 메모 오류 관련 ㅠㅠ 4 모니터 17.09.15.02:01 455
166 오리마크..... 4 맛수타 17.09.14.05:58 755
165 파폭에서는 css의 transform이 적용이 안 되는건가요? 11 국내산라이츄 17.09.12.17:33 510
164 네비게이션 바 마진이 이상합니다. 7 image 국내산라이츄 17.09.12.13:07 491
163 27년평생 이런 경우는 또 처음이네요;; (li태그 관련) 8 국내산라이츄 17.09.11.11:48 512
162 패널접속.. 2 하얀노트 17.09.06.10:46 413
161 혹시 워드프레스 메인페이지 위젯 출력 어캐하나요? 4 핫슈 17.09.05.04:12 488
160 NET::ERR_CERT_AUTHORITY_INVALID가 자꾸 뜹니다.. 4 국내산라이츄 17.09.03.22:10 2953
159 리버티 스킨 오류좀 고쳐주세요 ㅠㅠ 3 image AA 17.09.03.14:41 451
158 갤럭시 s 복구 3 맛수타 17.08.30.05:57 823
157 백신이 삭제가 앙대요 4 국내산라이츄 17.08.29.11:57 474
156 네임서버 설치 6 루니 17.08.26.01:17 545
jquery가 서버에 올리면 적용이 이상하게 됩니다. 6 image 국내산라이츄 17.08.24.11:59 630
154 xe 설치 1 맛수타 17.08.24.11:37 384
153 호스팅중에 6 BJ엠지 17.08.24.01:35 317
152 자바스크립트로 RSA 암호화와 AES 암호화를 구현할 수 없나요? 1 Hanam09 17.08.21.17:36 421
151 아파치 주소 문제? 6 image title: 은메달도다 17.08.15.15:11 477
150 되게 뜬금없이 404가 생기네요;; 3 image 국내산라이츄 17.08.14.12:14 526
149 워드프레스 쓰는중인데 웹폰트가 반영이 안됩니다. 3 국내산라이츄 17.08.13.16:45 357
148 인터넷이 또 말썽입니다. 3 국내산라이츄 17.08.11.23:47 605