묻고답하기
배경 늘이기 질문 입니다.
2008.04.30 14:18
그동안 Table로만 작업했었는데 Div태그를 이용한 레이아웃을 구성할려니 정말 힘드네요. ㅠㅠ
어떻게 겨우 겨우 레이아웃은 잡았는데 배경이 늘어 나질 않아 이렇게 질문을 올려 봅니다.
* 아래는 Table 작업으로 Content 좌우 배경이 모두 늘어나면서 정상적으로 출력 되는 모습니다.
*아래는 Div 태그를 이용한 레이아웃이나 Contents의 좌우 배경이 이빨 빠진것 처럼 잘린 모습니다.
보라색 실선은 실제로 구성된 레이아웃 이구요.
아래는 layout.html 소스 입니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>KR ZombieX2 Community</title>
<link rel="stylesheet" href="css/default.css" type="text/css" />
<style type="text/css">
</style></head>
<body>
<div id="bodyWrap">
<div id="topbg">
<div id="top">
<div id="topLeft"></div>
<div id="topmain"></div>
<div id="topRight"></div>
</div>
</div>
<div id="mainbg">
<div id="main">
<div id="mainLeft"></div>
<div id="content">{$content}<br>1<br>2<br>3<br>4<Br></div>
<div id="mainRight"></div>
</div>
</div>
<div id="footerbg">
<div id="footer">
<div id="footerLeft"></div>
<div id="footermain"></div>
<div id="footerRight"></div>
</div>
</div>
</div>
</body>
</html>
아래는 default.css 소스 입니다.
@charset "utf-8";
body { margin: 0 0 0 0; background: url(../images/krzombiex2_mainbg.jpg) ; }
#bodyWrap { width:100%; height:100%; margin: 0 auto 0 auto; left top; }
#topbg { width: 100%; height: 274px; background: url(../images/krzombiex2_topbg.jpg) repeat-x; }
#top { width: 1050px; height: 274px; margin: 0 auto 0 auto; }
#topLeft { float: left; width: 77px; height: 274px; background: url(../images/krzombiex2_topleft.jpg) ; }
#topmain { float: left; width: 896px; height: 274px; background: url(../images/krzombiex2_top.jpg) ; }
#topRight { float: right; width: 77px; height: 274px; background: url(../images/krzombiex2_topright.jpg) ; }
#mainbg { width: 100%; height: 100%; background: url(../images/krzombiex2_mainbg.jpg) repeat-x; }
#main { width: 1050px; height: 100%; margin: 0 auto 0 auto; }
#mainLeft { float: left; width: 77px; height: 100%; background: url(../images/krzombiex2_mainleft.jpg) repeat-y; overflow:hidden; }
#content { float: left; width: 896px; background:#ffffff ; }
#mainRight { float: right; width: 77px; height: 100%; background: url(../images/krzombiex2_mainright.jpg) repeat-y; overflow:hidden; }
#footerbg { width: 100%; height: 64px; background: url(../images/krzombiex2_footerbg.jpg) repeat-x; }
#footer { width: 1050px; height: 64px; margin: 0 auto 0 auto; }
#footerLeft { float: left; width: 77px; height: 64px; background: url(../images/krzombiex2_footerleft.jpg) ; }
#footermain { float: left; width: 896px; height: 64px; background: url(../images/krzombiex2_footer.jpg) repeat-x ; }
#footerRight { float: right; width: 77px; height: 64px; background: url(../images/krzombiex2_footerright.jpg) ; }
답변 부탁 드리겠습니다.
- [2021/02/26] 묻고답하기 외부페이지가 레이아웃을 완전히 벗어나 표시됩니다. *1
- [2020/01/02] 묻고답하기 레이아웃 헤더스크립트 삽입시 응답없음 *2
- [2018/10/25] 묻고답하기 사이트 레이아웃이 없어 졌어요!! *1
- [2016/07/27] 묻고답하기 페이지이동 스크립트 문의드려요.+ 홈페이지 꾸미는 문의
- [2016/05/24] 묻고답하기 레이아웃 지정에서 로그인, 회원 가입 페이지는 어디서 지정하나요? *2
댓글 0
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
m lee | 아이디/비밀번호 찾기, 아무리 찾아보아도 해결책이... [1] | 2008.04.30 by 구름 |
SeeReal | 닉네임 클릭시 마우스 커서 손모양으로 바꾸는 법 [3] | 2008.04.30 by 백성찬 |
유남열 |
배경 늘이기 질문 입니다.
![]() | |
오도광 | 메일 발송 모듈 사용관련 [4] | 2008.04.30 by 오도광 |
안균식 | 제로보드 아이디/암호를 잊어버렸는데요~~ | |
뽀칠이 |
게시판 부분적 삭제.
[2]
![]() | 2008.04.30 by 뽀칠이 |
표도기 | 게시글 관리 시 선택되는 숫자 제약 문제. | |
김정환639 | 레벨별로 왼쪽의 메뉴를 다르게 주는 방법 있을까요? [1] | 2008.04.30 by 백성찬 |
以多 | 귀하들께서의 노고가 매우 고맙고, 인상적입니다. [2] [1] | 2008.04.30 by 以多 |
╋답*변*자╋ | 안녕하세요... ㅠ.ㅠ 제발 답변 부탁드려요... [4] | 2008.04.30 by ╋답*변*자╋ |
젤르 | 정말 답답해서요.. [2] | 2008.04.30 by Capyou |
제로맨 | 제로보드를 제컴에 설치시.... [1] | 2008.04.30 by 백성찬 |
permssion | 호스팅 업체 퍼미션 정책에 따른 설정 관련 질문 | |
전남희363 |
제로보드4를 사용하면서 xe를 설치하려 했더니
[3]
![]() | 2008.04.30 by 백성찬 |
여사♥ | 초기 회원가입시 가입폼 관련문의요^^;; [4] | 2008.04.30 by 여사♥ |
지국현 | 제로보드 퍼미션은 강화할수 없나요?? [4] | 2008.04.30 by 지국현 |
scroogee | 모듈 업데이트 문제 (첨부파일제한 문제는 호스팅문제로결론냄) [4] [1] | 2008.04.30 by scroogee |
성공의 그날^^ | 레이아웃에 관한 질문입니다 (긴급 ㅠㅠ) [2] | 2008.04.30 by 성공의 그날^^ |
이하민 |
이게 뭘까나;;;;;
![]() | |
유지인 | 작성글보기, 스크랩보기 어떤 파일인지요? [1] | 2008.05.01 by Hammer |