위 이미지처럼 만드는 중인데요.
본문에 삽입된 파일이 폭이 길어지면 메뉴부분이 본문 아래쪽으로 내려옵니다.
본문부분이 넓어지면 전체 폭이 늘어나서 모양이 깨지지않게 하려고 하는데요.
어떻게 수정해야 하나요?
<!-- 중앙 시작 -->
<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개 / 댓글 3개
채택된 답변
+20 포인트
이슈DEV
2016-05-18 (수) 22:30:43
될께에요
Copy
<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>답변에 대한 댓글 1개
2016-05-18 (수) 19:40:17
730px 이상 감춰도 상관없다면
본문 스타일 with:730px;overflow-x: hidden;
아니라면
중앙부분에 position:relative;지정해주시고
메뉴쪽을 position:absolute;right:0px;width...해주시는 방법도 어떠신지요
답변에 대한 댓글 1개
블랙앤화이트
2016-05-18 (수) 21:51:43
본문이 넓어지면 전체(본문+메뉴)가 넓어져야 하는데 이게 변화가 없다보니까 오른쪽 메뉴부분이 아래로 내려가네요..
ceoseo
이미지의 경우는 가로 맥스를 100%로 주시고 텍스트의 경우 워드브레이크를 해서 다음줄로 넘어가게 하시면 되요.
모바일이라서 글로만 남겨드립니다ㅜ
모바일이라서 글로만 남겨드립니다ㅜ
답변에 대한 댓글 1개
블랙앤화이트
2016-05-18 (수) 19:26:24
게시판 뷰페이지를 저렇게 나눈건데요. 뷰페이지 | 메뉴 | aside
본문폭은 730px이고요. 본문에 삽입된 플래시파일이 가끔 730px를 초과합니다.
본문폭은 730px이고요. 본문에 삽입된 플래시파일이 가끔 730px를 초과합니다.
답변을 작성하려면 로그인이 필요합니다.