안녕하세요! 미라클캣입니다.
모두 바쁘시겠지만 관심 부탁드려요. ^^//
이렇게 레이아웃을 구성했습니다.
위에 헤더 아래 풋터
그리고 가운데에 있는 컨텐츠가 왼쪽메뉴와 오른쪽배너가 계속 변동되기때문에 따로 공간을 잡았습니다.
제일큰 container가 감싸면서 그안에 content, left, right가 있는 형태입니다.
소스는
body {
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0;
margin:0;
}
/* ----------전체 div -------------- */
#container {
width: 1002px;
margin-bottom: 63px;
margin: 0 auto;
/* background-color: #EBD3E0;*/
}
/* ----------로고자리------------- */
#header {
/* background-color: #e1ddd9;*/
height: 58px;
padding: 0px;
margin: 0px;
margin-top:0px;
}
/* -----------------가운데 content--------------------- */
#content {
position : static;
padding: 0px 0px 0px 17px;
margin: 0 126px 0 174px;
}
div#content {
min-height:600px;
height:expression(this.scrollHeight 600 ? auto:600px);
}
/* --------------왼쪽 메뉴 ------------- */
#left {
float: left;
width: 174px;
margin: 0;
padding: 0;
}
/* --------------오른쪽 메뉴------------- */
#right {
float: right;
width: 126px;
margin: 0;
padding: 0;
}
/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0;
padding: 0;
text-align: right; }음 제 질문은요..
제가 APM돌리면서 제자리에서 보면 제대로 레이아웃이 나오는데요. 아 CONTENT부분이 이상하게 밀려버리고 떠버려서 아예 테이블로 강제코딩했더니 페이지가 제대로 나옵니다.ㅡㅡ;;;
다른팀 분들은 CONTENT부분만 아래로 뚝 떨어지거나 화면이 제대로 안보이신다고 하시네요.
제가 짠 레이아웃이 문제가 있는걸까요? 어느부분을 수정해야될지 의견 주시면 정말 감사하겠습니다.
회사에 아무도 도움 줄 분들이 없어요..ㅠㅡㅠ 부디 ...꼭 ....제발.... 아 ...OTL
다인 2026.07.08
/* -----------------가운데 content--------------------- */
#content {
float:left;
margin:0 0 0 17px;
width:685px;
background:green;
}
div#content {
min-height:600px;
height:expression(this.scrollHeight 600 ? \auto\:\600px\);
}
/* --------------왼쪽 메뉴 -----
무리한 2026.07.08
아핫...모가 도움이 되셨는지는 모르겠으나..도움되셨다니 다행이네욤..^^//
바다 2026.07.08
전 레이아웃 잡는 것부터 시작해야 겠습니다. 미라클캣님 덕분에.. 레이아웃 공부에 플러스가 되었습니다.
겨루 2026.07.08
보기다님, 수다님 정말 감사드려요. ^^
더위 조심하세욤 ^^//
외국녀 2026.07.08
#wrap {width:1002px;margin:0 auto;}
#header {width:1002px;height:58px;clear:both;}
#left {display:inline;float:left;width:163px;margin:0 17px 0 11px;}
#content {floa:left;width:685px;}
#right {float:right;width:100px;margin-right:15px;}
#footer {width:100