iframe 풀 스크린으로 한 후 밑에 div 넣기
본문
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8"><style type="text/css">
html,body,iframe{overflow:hidden;width:100%;height:100%;margin:0;padding:0;}
</style>
</head>
<body>
<iframe id="iframe" src="URL 입니다." frameborder="0"></iframe>
<div class="name">테스트입니다.</div>
</body>
</html>
이렇게 iframe으로 풀 스크린을 한 상태인데,
iframe 밑에 div를 넣었는데 iframe을 100%로 줘서 그런지 안보입니다.
그렇다고 height을 변경하자니 저 테스트입니다.글이 스크롤 따라 쫒아다니는데
그냥 스크롤 내리고 iframe 밑에 보이게 하고싶습니다.
css 어떻게 조절해야할까요?
답변 5
사이트 보니까 원하시는게
iframe으로 불러오고 iframe 안에 footer는 삭제하고 새로운 footer를 iframe의 footer에 넣으 시려는게 맞죠?
iframe 불러오는 페이지자체에서부터 오류가 발생합니다.
요소검사의 콘솔 참조하세요
걍 그러지말고
div 나 table 로 구분 지으면 더 편할거같은데요
div랑 table 둘다 해봤는데 스크롤 따라서 밑에 쫒아다닙니다.ㅜㅜ
div 마진 마이너스를 주시던지 iframe height 5%정도 줄이세요
마진마이너스 주면 영역자체는 들어오는 것 같은데 z-index:999999인데도 글씨가 안보이네용..
height 5%주면 스크롤 따라서 고정됩니다.
<div class="" style="position: relative;margin-top: -30px;">안창욱항외과의원</div>
잘나오는데 뭐가 안된다는거죠???
@불량학생
글씨는 잘나오는데 스크롤 따라서 고정되서 나오면 안됩니다.
html,body 에 overflow:hidden; 을 빼야됩니다.
<style type="text/css">
html,body{width:100%;height:100%;margin:0;padding:0;}
iframe{overflow:hidden;width:100%;height:100%;margin:0;padding:0;}
</style>
@배모씨
이렇게하면 이중스크롤이 나와요..ㅜㅜ
div에
position:fixed;bottom:0;left:0;
사용하면 어떨까요?
@배모씨
position이 fixed라 스크롤 따라서 따라다녀용..ㅜㅜ
무슨 이유로 iframe을 쓰시는지 궁금합니다.
javascript로 로딩 완료시
iframe높이값 = 창의 높이값 - div 높이값;
이렇게 하시면 되겠네요.
테스트 페이지 링크를 좀 주시면
정확한 답변을 얻으실 수 있을 것 같은데요~
@nanati
URL
여깁니다 ㅠㅠ 감사합니다
어우, 왜 본문 작업을 아이프레임으루 넣으신지 잘 이해가 안되는데...
먼저 답변 다신분들이 말씀하신 방법밖에 없어보이네요...
@nanati
살펴봐주셔서 감사합니다 ㅜㅜ
저희 서버가 아닌 외부에 있는 홈페이지를 임시로 불러오고 나중에 홈페이지 제작하고 나면 바꿀거라서용..ㅠㅠ 임시는 iframe으로 끌어다 쓰는데 밑에 쓸 내용이있어요..
고생이 많으시네요
도움을 못드려서 죄송합니다.
해결방법 꼭 찾으시길!
