iframe의 resize
안녕하세요.
다른 서비스의 위젯을 홈페이지에 iframe 형식으로 넣으려고 하는데요
Div로 감싸는 넓이가 260이고 iframe 이 280px 이라서
iframe의 오른쪽부분이 보이질 않습니다. 아이프레임을 감싼 div에 overflow:hidden스타일을 줬구요.
iframe의 zoom을 90%정도만 주면 다 보일 것 같은데 가능한지요?
혹은, 아이프레임의 위치를 7px정도 왼쪽으로 보내도 무리는 없을 것 같구요.
참고로 ifrm.style.width = 280+"px"; 소스를 건드려서는 해답이 안나오네요
</strong> </p><p><div id="service-widget"></p><p><script language="JavaScript" type="text/javascript"></p><p>ifrm = document.createElement("IFRAME");</p><p>ifrm.setAttribute("src", "<a href="<a href="http://www.service.com/widget/widget?params=blue|small|classic&domain=" target="_blank" rel="noopener noreferrer">http://www.service.com/widget/widget?params=blue|small|classic&domain=</a>"><a href="http://www.service.com/widget/widget?params=blue|small|classic&domain=" target="_blank" rel="noopener noreferrer">http://www.service.com/widget/widget?params=blue|small|classic&domain=</a></a>" + document.location.hostname);</p><p>ifrm.style.width = 280+"px";</p><p>ifrm.style.height =171+"px";</p><p>ifrm.style.border = "0";</p><p>ifrm.setAttribute("allowtransparency", "true");</p><p>ifrm.setAttribute("id", "widget-iframe");</p><p>document.getElementById('service-widget').appendChild(ifrm);</p><p></script></p><p></div></p><p>
</p><p><strong style="color: rgb(127, 127, 127); font-family: Arial, 돋움, Dotum; font-size: 12px;">
답변 2개
아니면 padding 으로 해보시거나
iframe 으로 로드될 페이지내부에 div 를 두개로 나눠서 하나는 본문용으로 쓰고
하나는 여백용으로 하시는 법 외엔 없네요...
댓글을 작성하려면 로그인이 필요합니다.
iframe 내부에 padding-right:20px 주는건 어떤가요?
</p><p><span style="font-family: GulimChe;">ifrm.style.padding-right =20+<code class="php string">"px"</code><code class="php plain">;</code></span></p><p><span style="font-family: GulimChe;"><code class="php plain">답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인