채택완료

반응형 팝업 문의드려요 ㅠㅠ

2020-06-19 (금) 11:57:23 3,541

Copy
<div id="divpop" style="position:fixed;left:10px;top:10px;z-index:200;visibility:hidden;">
<table width=300 height=400 cellpadding=2 cellspacing=0>
<tr>
    <td style="border:1px #666666 solid" height=360 align=center bgcolor=white>
    <img src="/cn/images/pop/popcn1.jpg" alt="">
    </td>
</tr>
<tr>
        <form name="notice_form">
    <td align=right bgcolor=white>
        <input type="checkbox" name="chkbox" value="checkbox">오늘 하루 이 창을 열지 않음
        <a href="javascript:closeWin();"><B>[닫기]</B></a>
    </td>
</tr>
        </form>
</table>
</div> 

<script language="Javascript">
cookiedata = document.cookie;   
if ( cookiedata.indexOf("maindiv=done") < 0 ){     
    document.all['divpop'].style.visibility = "visible";
    }
    else {
        document.all['divpop'].style.visibility = "hidden";
}
</script>

 

style.css

#main-pop{position:absolute; z-index: 999; border:1px solid #ccc;}
#main-pop .pop-cookie{padding:10px; background: #f8f8f8; border-top:#ccc 1px solid;}

반응형 홈페이지에 이소스 팝업창을 넣엇는데

모바일에서 창이 사이즈그대로 나와서 닫기버튼이안보입니다.ㅠㅠ

모바일에서 다른게설정하는방법좀알려주세요..

완전초보입니다 소스까지 첨부해주시면 감사하겠습니다 부탁드립니다 ㅠㅠ

style.css

답변 1개 / 댓글 2개

채택된 답변
+20 포인트

반응형에 

<table width=300 height=400 cellpadding=2 cellspacing=0>

위와 같이 넣으면 안됩니다.

답변에 대한 댓글 2개

그럼아예다른소스로 바꿔야하나요??ㅠㅠ
반응형은 width를 100%로 지정하거나 미디어쿼리를 이용하세요.

답변을 작성하려면 로그인이 필요합니다.