수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

[질문]레이아웃문제입니다.

슬찬

2026.07.08

안녕하세요! 미라클캣입니다.
모두 바쁘시겠지만 관심 부탁드려요. ^^//
이렇게 레이아웃을 구성했습니다.

위에 헤더 아래 풋터

그리고 가운데에 있는 컨텐츠가 왼쪽메뉴와 오른쪽배너가 계속 변동되기때문에 따로 공간을 잡았습니다.

제일큰 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

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 다인 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

번호 제 목 글쓴이 날짜
2752024 소숫점 뺄셈 !! ㅠㅜ 초롬 2026-10-20
2751970 자바 게임 만들려는데 부탁드립니다 (1) 라온제나 2026-10-19
2751908 자바스크립트 처리속도를 체크할 수 있는 방법 있나요? (1) 테이 2026-10-19
2751822 그누보드 아이프레임으로 구현했는데 제목 클릭해서 들어가면 푸터가 동동...떠다녀요 내꺼하자 2026-10-18
2751790 자바 그래픽 관련을 공부하고 싶은데요.. 어디 좋은 사이트나 책 없을까요?? (1) 큰재 2026-10-18
2751733 CTF가머죠? (5) 두동 2026-10-17
2751709 배열부분 궁금한 부분이있습니다. 딸기우유 2026-10-17
2751677 포인터 책을 보다가,,, (2) 동백 2026-10-17
2751648 익스플로 버전에 따라서 생기는 공백.. (1) 모아 2026-10-17
2751623 DEL 태그의에서 선굵기 및 컬러지정이 가능한가 해서요~ (4) 비치나 2026-10-16
2751573 테마 업로드 에러.. (1) 꽃 2026-10-16
2751548 수학? 물리?? (3) 찬늘 2026-10-16
2751461 상단네비 fixed ie6 핵 해결방안이 있을까요? 맑다 2026-10-15
2751436 레이아웃을 잡고 코딩을 하는데 드림위버에서의 결과와 IE에서 결과가 다르게 나오네요. (3) 키클 2026-10-15
2751403 형들좀도와주세요string compression (1) 알렉산더 2026-10-14
2751349 링크 다운로드하기 팬지 2026-10-14
2751295 c++한번도 손않댄 사람이... 날위해 2026-10-13
2751267 플래시8 사용에서 플레이어 만들었는데요 (1) 블1랙캣 2026-10-13
2751182 회원가입 파랑새 2026-10-12
2751152 소셜 플러그인 문제입니다. 얀 2026-10-12
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com