iframe 가운데정렬 채택완료

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

Copy
</p><div style="position:absolute; top:-50px; left:-310px;">
    <iframe src="http://yds9583.sfuhost.com/kfcc" width="850" height="610" scrolling="no" frameborder="0"></iframe>
</div>

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

답변 1개

채택된 답변
+20 포인트

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

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

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

답변에 대한 댓글 3개

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

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

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

위에 처럼 했는데도, 원하시는 화면단이 아니라면.. 더 자세히 안내드리기가 어렵네요 ㅠㅠ
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 (원본)


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

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

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

로그인
🐛 버그신고