iframe의 resize
본문
안녕하세요.
다른 서비스의 위젯을 홈페이지에 iframe 형식으로 넣으려고 하는데요
Div로 감싸는 넓이가 260이고 iframe 이 280px 이라서
iframe의 오른쪽부분이 보이질 않습니다. 아이프레임을 감싼 div에 overflow:hidden스타일을 줬구요.
iframe의 zoom을 90%정도만 주면 다 보일 것 같은데 가능한지요?
혹은, 아이프레임의 위치를 7px정도 왼쪽으로 보내도 무리는 없을 것 같구요.
참고로 ifrm.style.width = 280+"px"; 소스를 건드려서는 해답이 안나오네요
<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
iframe 내부에 padding-right:20px 주는건 어떤가요?
ifrm.style.padding-right =20+"px";
안먹히네요. ㅜㅜ
아니면 padding 으로 해보시거나
iframe 으로 로드될 페이지내부에 div 를 두개로 나눠서 하나는 본문용으로 쓰고
하나는 여백용으로 하시는 법 외엔 없네요...
답변을 작성하시기 전에 로그인 해주세요.
