[재등록] div css 스타일 문의 정보
[재등록] div css 스타일 문의본문
오류 주소 :
아래 질문을 등록하였으나, 댓글로는 이미지를 첨부 할 수 없는 문제로 다시 등록하게 되었습니다.
상단 첨부 이미지를 보시면 1차적으로 작업을 해보았습니다.
+-- [돼지코구뇽] 님의 댓글 인용 --+
레이아웃 구조를
head div 상단 1개
index div 왼쪽 가운데 오른쪽 3개
이런식으로 잡으시고
index div 왼쪽에 픽셀을 200으로 고정
가운데 div 를 float:left 붙게해서 픽셀 200으로 주고 포지션 고정
오른쪽은 float:right 우측화면에 붙게 해주시고 스타트 하시면되요
+-- [끝] --+
위 글을 대충 짐작으로 판단하여 아래와 같이 코드를 만들었습니다.
+-- [코드시작] --+
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>
<style type="text/css">
body {margin:0px; overflow:hidden;}
#head_top {width:100%; height:100px; background-color:#dedede}
#menu_left {width:200px; height:100%; position:fixed; background-color:#ab00cc}
#list_center {width:250px; height:100%; position:fixed; left:200px; background-color:#ff6600; overflow-y:auto;}
#content {height:100%; float:right; background-color:#00ff66}
</style>
<div id="head_top">
대메뉴
</div>
<div id="menu_left">
메뉴
</div>
<div id="list_center">
리스트<br>
리스트<br>
리스트<br>
... [반복]
</div>
<div id="content">
내용
</div>
</body>
</html>
+-- [끝] --+
그런데.. 제가 원하는대로 결과물이 나오지를 않아 이것저것 건드려보기도 하였으나 잘안되네요.
menu_left, list_center, content 를 돼지코구뇽님의 설명대로 진행해보면 모든 div 가 겹쳐버립니다.
list_center 부분에 position:fixed; left:200px; 준 이유가 겹치길래 뛰어본거였죠.
list_center 의 스크롤바 또한.. 이게 스크롤바가 이미지에서 처럼 밑으로 뚫고 내려갔습니다.
content 또한 width:100%; 올리면 덮혀 버립니다.
어디를 어떻게 손봐야 제가 원하는 결과물을 얻을 수 있을까요?
css 풋내기가 허우적 거리고 있습니다.
도움의 손길 좀 주세요.
:: 구현하고자하는 사이트 구성 (http://demo.atmail.com/index.php/mail)
( select a.* , ( select sum(co_count) as co_count from g4_qa_choose where mb_id=a.mb_id and bo_table = 'g4_qa' ) as q_co_count from `g4_write_g4_qa` a where wr_parent = '282024' and wr_8 != '' and wr_is_comment = 1 and CONVERT(wr_7, UNSIGNED) >= 5 group by wr_content having max(wr_7) order by CONVERT(wr_7, UNSIGNED) desc limit 3 )
1055 : Expression #1 of SELECT list is not in GROUP BY clause and contains nonaggregated column 'sir.a.wr_id' which is not functionally dependent on columns in GROUP BY clause; this is incompatible with sql_mode=only_full_group_by
error file : /15sir/bbs/board.php