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 불러오는 페이지자체에서부터 오류가 발생합니다.
요소검사의 콘솔 참조하세요
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 4개
먼저 답변 다신분들이 말씀하신 방법밖에 없어보이네요...
살펴봐주셔서 감사합니다 ㅜㅜ
저희 서버가 아닌 외부에 있는 홈페이지를 임시로 불러오고 나중에 홈페이지 제작하고 나면 바꿀거라서용..ㅠㅠ 임시는 iframe으로 끌어다 쓰는데 밑에 쓸 내용이있어요..
도움을 못드려서 죄송합니다.
해결방법 꼭 찾으시길!
댓글을 작성하려면 로그인이 필요합니다.
html,body 에 overflow:hidden; 을 빼야됩니다.
</p>
<p><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></p>
<p>답변에 대한 댓글 4개
이렇게하면 이중스크롤이 나와요..ㅜㅜ
position:fixed;bottom:0;left:0;
사용하면 어떨까요?
position이 fixed라 스크롤 따라서 따라다녀용..ㅜㅜ
javascript로 로딩 완료시
iframe높이값 = 창의 높이값 - div 높이값;
이렇게 하시면 되겠네요.
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 3개
height 5%주면 스크롤 따라서 고정됩니다.
잘나오는데 뭐가 안된다는거죠???
글씨는 잘나오는데 스크롤 따라서 고정되서 나오면 안됩니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
URL
여깁니다 ㅠㅠ 감사합니다