채택완료

짤림문제.(크롬 vs 익스플로러) 고수님들 도와주세요

2017-07-21 (금) 20:58:36 6,191

구글 크롬

917f8c627156b1e92a6f3e8c56692932_1500638151_3186.png
 

익스플로러

917f8c627156b1e92a6f3e8c56692932_1500638212_5376.png
 

구글 크롬 에서는 TEST 글자 밑에 영상이 뜨는데

익스플로러에서는 글자 옆에 영상이 떠서 새글이 밑으로 밀리네요 

이러한 문제는 어떻게 고칠수 있을까요 ?

고수님들 알려주세요

Copy
<div><h1>TEST<br></h1></div>               <a><iframe width="560" height="315" src="https://www.youtube.com/""></iframe></a>
|

답변 3개 / 댓글 1개

채택된 답변
+20 포인트
테스트랑 새글을 인라인으로 50프로씩 나누고, 그 안에 블락레벨로 구성해주시면 됩니다... 핸드폰이라 집에서 예제 만들어드릴게요

답변에 대한 댓글 1개

이해가 잘 안되네요 ㅠ

화면이 줄여질때 작아지게 하고싶으시면 width:50%를 빼주셔도 됩니다

<div style="display:block;padding:0px;margin:0px;width:100%;">

    <div style="display:inline-block;width:50%;padding:0px;;margin:0px;float:left;">

        <div style="display:block">

            <h1>TEST</h1>

        </div>

        <div style="display:block">

            <iframe src="https://www.youtube.com/"></iframe>

        </div>

    </div>

    <div style="display:inline-block;width:50%;padding:0px;;margin:0px;float:left;">

        <div style="display:block"><h3>새글</h3></div>

        <div style="display:block">게시물이 없습니다.</div>

    </div>

</div>

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