테스트 사이트 - 개발 중인 베타 버전입니다

iframe 가운데정렬 채택완료

대전댁2 5년 전 조회 6,735

아래 코드와 같이 원하는 부분만 잘라서 넣었는데 일반적인 코드를 사용하면 가운데 정렬이안되는데 혹시 해결방법아시는분 계신가요?

 

</p>

<p></p><div style="position:absolute; top:-50px; left:-310px;">

    <iframe src="<a href="http://yds9583.sfuhost.com/kfcc"" target="_blank" rel="noopener noreferrer">http://yds9583.sfuhost.com/kfcc"</a> width="850" height="610" scrolling="no" frameborder="0"></iframe>

</div></p>

<p>

 

테스트 페이지 >> https://sir.kr/bbs/link.php?bo_table=qa&wr_id=347136&no=1&sst=wr_num&page=1

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

답변 1개

채택된 답변
+20 포인트
D
5년 전

아이프레임을 감싸고 있는 div 요소를 중앙정렬 시키면 됩니다.

div style 에 적은 내용을 지우고, width:850px; margin:0 auto; 로 바꾸시면 됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

대전댁2
5년 전
감사합니다.
해당 코드를 사용하여 테스트페이지에 적용해보았더니 잘려있던 왼쪽이 다시 출력되는데 왼쪽만 출력되지 않도록 할수있을까요?

[code]
<div style="width:850px; margin:0 auto; top:-50px; left:-310px;">
[/code]
D
DSLOVE
5년 전
잘려있던 왼쪽이 어딘지는 제가 모르겠지만,

width 값을 원하는 사이즈에 맞게 조절하신후 overflow:hidden; 을 추가하시면 됩니다.

위에 처럼 했는데도, 원하시는 화면단이 아니라면.. 더 자세히 안내드리기가 어렵네요 ㅠㅠ
대전댁2
5년 전
https://sir.kr/bbs/view_image.php?fn=%2Fdata%2Feditor%2F2003%2Fthumb-2949324669_1583128695.3942_730x411.png (적용본)

https://sir.kr/bbs/view_image.php?fn=%2Fdata%2Feditor%2F2003%2Fthumb-2949324669_1583128870.6708_730x411.png (원본)


음... 사진과 같이 출력되네요 ;;
원본사진과 비교해보면 오른쪽이아닌 왼쪽이 잘려야되는데 왜 그런지 도저히 모르겠네요.

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

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

로그인