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

폭이 늘어나면 오른쪽 부분이 밑으로 내려오는데요.. 채택완료

블랙앤화이트 9년 전 조회 2,667


위 이미지처럼 만드는 중인데요.

본문에 삽입된 파일이 폭이 길어지면 메뉴부분이 본문 아래쪽으로 내려옵니다.

본문부분이 넓어지면 전체 폭이 늘어나서 모양이 깨지지않게 하려고 하는데요.

어떻게 수정해야 하나요?

 

<!-- 중앙 시작 -->

<div style="height:100%; overflow:hidden; padding:15px; margin:0 0 15px 0; border:1px solid #ccc; border-top-color: none;">

 

    <!--  왼쪽본문 -->

    <div style="float:left;padding:0 15px 0 0;border-right:1px solid #dde4e9;">

 

    <!--  오른쪽 매뉴 -->

    <div style="float:right; padding:0 0 0 15px; width:200px;">

        <?php

        include_once(G5_PATH."/view_menu.php");

        ?>

    </div>

</div>

 

 

 

 

 

 

 

 

 

 

 

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

답변 3개

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

 

될께에요

 

 

 

</p><p> </p><p> </p><p><div style="height:100%; overflow:hidden; padding:15px; margin:0 0 15px 0; border:1px solid #ccc; border-top-color: none; position:relative"></p><p> </p><p>    <!--  왼쪽본문 --></p><p>    <div style="float:left;padding:0 15px 0 0;border-right:1px solid #dde4e9; margin-right:200px"></p><p> <span class="Apple-tab-span" style="white-space:pre">	</span></div></p><p>    <!--  오른쪽 매뉴 --></p><p>    <div style="padding:0 0 0 15px; width:200px; position:absolute; top:0; right:0; border-left:1px solid #ccc; "></p><p>        <?php</p><p>        include_once(G5_PATH."/view_menu.php");</p><p>        ?></p><p>    </div></p><p></div></p><p> </p><p>
 

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

답변에 대한 댓글 1개

블랙앤화이트
9년 전
감사합니다. 잘되네요 ^^

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

n
9년 전

730px 이상 감춰도 상관없다면

본문 스타일 with:730px;overflow-x: hidden; 

 

아니라면 

중앙부분에 position:relative;지정해주시고

메뉴쪽을 position:absolute;right:0px;width...해주시는 방법도 어떠신지요

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

답변에 대한 댓글 1개

블랙앤화이트
9년 전
본문이 넓어지면 전체(본문+메뉴)가 넓어져야 하는데 이게 변화가 없다보니까 오른쪽 메뉴부분이 아래로 내려가네요..

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

ceoseo
9년 전
이미지의 경우는 가로 맥스를 100%로 주시고 텍스트의 경우 워드브레이크를 해서 다음줄로 넘어가게 하시면 되요.<br />
<br />
모바일이라서 글로만 남겨드립니다ㅜ
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

블랙앤화이트
9년 전
게시판 뷰페이지를 저렇게 나눈건데요. 뷰페이지 | 메뉴 | aside
본문폭은 730px이고요. 본문에 삽입된 플래시파일이 가끔 730px를 초과합니다.

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

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

로그인