로그인 회원가입

이전 목록 다음

채택완료

iframe 풀 스크린으로 한 후 밑에 div 넣기

LovelyCaT

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-04-24 (화) 14:56:50 6,181

<!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 어떻게 조절해야할까요?

css iframe div

|

답변 5개 / 댓글 12개

채택된 답변

+20 포인트

불량학생™

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-04-24 (화) 17:16:58

사이트 보니까 원하시는게

iframe으로 불러오고 iframe 안에 footer는 삭제하고 새로운 footer를 iframe의 footer에 넣으 시려는게 맞죠?

iframe 불러오는 페이지자체에서부터 오류가 발생합니다.

요소검사의 콘솔 참조하세요

nanati

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-04-24 (화) 15:50:58

테스트 페이지 링크를 좀 주시면

정확한 답변을 얻으실 수 있을 것 같은데요~

답변에 대한 댓글 4개

LovelyCaT

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-04-24 (화) 15:51:52

@nanati
URL
여깁니다 ㅠㅠ 감사합니다

nanati

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-04-24 (화) 16:07:28

어우, 왜 본문 작업을 아이프레임으루 넣으신지 잘 이해가 안되는데...
먼저 답변 다신분들이 말씀하신 방법밖에 없어보이네요...

LovelyCaT

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-04-24 (화) 16:10:59

@nanati
살펴봐주셔서 감사합니다 ㅜㅜ
저희 서버가 아닌 외부에 있는 홈페이지를 임시로 불러오고 나중에 홈페이지 제작하고 나면 바꿀거라서용..ㅠㅠ 임시는 iframe으로 끌어다 쓰는데 밑에 쓸 내용이있어요..

nanati

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-04-24 (화) 16:14:00

고생이 많으시네요
도움을 못드려서 죄송합니다.
해결방법 꼭 찾으시길!

배모씨

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-04-24 (화) 15:21:35

html,body 에 overflow:hidden; 을 빼야됩니다.

Copy

<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>

답변에 대한 댓글 4개

LovelyCaT

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-04-24 (화) 15:28:20

@배모씨
이렇게하면 이중스크롤이 나와요..ㅜㅜ

배모씨

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-04-24 (화) 15:34:46

div에
position:fixed;bottom:0;left:0;
사용하면 어떨까요?

LovelyCaT

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-04-24 (화) 15:36:56

@배모씨
position이 fixed라 스크롤 따라서 따라다녀용..ㅜㅜ

배모씨

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-04-24 (화) 17:28:12

무슨 이유로 iframe을 쓰시는지 궁금합니다.
javascript로 로딩 완료시
iframe높이값 = 창의 높이값 - div 높이값;
이렇게 하시면 되겠네요.

불량학생™

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-04-24 (화) 15:21:07

div 마진 마이너스를 주시던지 iframe height 5%정도 줄이세요

답변에 대한 댓글 3개

LovelyCaT

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-04-24 (화) 15:27:39

마진마이너스 주면 영역자체는 들어오는 것 같은데 z-index:999999인데도 글씨가 안보이네용..
height 5%주면 스크롤 따라서 고정됩니다.

불량학생

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-04-24 (화) 16:04:55

<div class="" style="position: relative;margin-top: -30px;">안창욱항외과의원</div>
잘나오는데 뭐가 안된다는거죠???

LovelyCaT

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-04-24 (화) 16:07:26

@불량학생
글씨는 잘나오는데 스크롤 따라서 고정되서 나오면 안됩니다.

열린이글

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-04-24 (화) 15:11:50

걍 그러지말고

div 나 table 로 구분 지으면 더 편할거같은데요

답변에 대한 댓글 1개

LovelyCaT

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2018-04-24 (화) 15:26:55

div랑 table 둘다 해봤는데 스크롤 따라서 밑에 쫒아다닙니다.ㅜㅜ

답변을 작성하려면 로그인이 필요합니다.