폭이 늘어나면 오른쪽 부분이 밑으로 내려오는데요..
본문
위 이미지처럼 만드는 중인데요.
본문에 삽입된 파일이 폭이 길어지면 메뉴부분이 본문 아래쪽으로 내려옵니다.
본문부분이 넓어지면 전체 폭이 늘어나서 모양이 깨지지않게 하려고 하는데요.
어떻게 수정해야 하나요?
<!-- 중앙 시작 -->
<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
될께에요
<div style="height:100%; overflow:hidden; padding:15px; margin:0 0 15px 0; border:1px solid #ccc; border-top-color: none; position:relative">
<!-- 왼쪽본문 -->
<div style="float:left;padding:0 15px 0 0;border-right:1px solid #dde4e9; margin-right:200px">
</div>
<!-- 오른쪽 매뉴 -->
<div style="padding:0 0 0 15px; width:200px; position:absolute; top:0; right:0; border-left:1px solid #ccc; ">
<?php
include_once(G5_PATH."/view_menu.php");
?>
</div>
</div>
감사합니다. 잘되네요 ^^
모바일이라서 글로만 남겨드립니다ㅜ
게시판 뷰페이지를 저렇게 나눈건데요. 뷰페이지 | 메뉴 | aside
본문폭은 730px이고요. 본문에 삽입된 플래시파일이 가끔 730px를 초과합니다.
730px 이상 감춰도 상관없다면
본문 스타일 with:730px;overflow-x: hidden;
아니라면
중앙부분에 position:relative;지정해주시고
메뉴쪽을 position:absolute;right:0px;width...해주시는 방법도 어떠신지요
본문이 넓어지면 전체(본문+메뉴)가 넓어져야 하는데 이게 변화가 없다보니까 오른쪽 메뉴부분이 아래로 내려가네요..
