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