content height 관련 질문요.. 제발.. 도와주세요 ㅜㅠ
라일락
전..웹표준 코딩 첨인데다 코딩 왕 초본데요..^^;
궁금한게 있어서요..
레이아웃 중에 하단 고정 푸터 사용하고 싶어서.. 이리저리 찾아다니다.. 찾았습니다!! ^0^
But!..
전체 width 를 100%로 하고 content도 100%으로 하고
sidebar 와 content 를 정해진 px로 가운데 정렬하고 싶어서요..
con_left 와 con_right 를 감쌀 content-area 잡고width 를920px로 잡고 넣어 봤습니다 ㅡㅡ;
그랬더니.. 푸터는 하단에 고정되어 있는데.. content-area 가 따로 노네요 ^^;
아~~ 이를 어쩌죠..?
해결 방법 없을까요??
이 문제로 지금 3일째 ㅡㅡ; 고생하고 있습니다...
좀 도와주세요 ㅜㅠ
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
html xmlns=http://www.w3.org/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleUntitled Document/title
style type=text/css
html,
body {
width:100%;
height: 100%;
margin: 0;
padding: 0;
}
#head {
width:100%;
height: 100px;
background: #ddd;
position: relative;
z-index: 1;
}
#body {
width:100%;
min-height: 100%;
margin: -100px 0 -50px;
}
* html #body {
width:100%;
height: 100%;
}
#content {
width:920px;
margin:0 auto;
padding: 100px 0 50px;
}
#content-area {
width:100%;
margin:0 auto;
padding: 100px 0 50px;
}
#con_left {
float:left;
width:130px;
margin-right:50px;
}
#con_right {
float:right;
width:740px;
}
#foot {
height: 50px;
background: #ddd;
}
/style
/head
body
div id=head
요건 100px 높이 헤드
/div
div id=body
div id=content
div id=content-area
div id=con_left
pcon_left/p
pcon_left/p
pcon_left/p
pcon_left/p
/div
div id=con_right
pcon_right/p
pcon_right/p
pcon_right/p
pcon_right/p
/div
/div
/div
/div
div id=foot
요건 50px 높이 풋
/div
/body
/html
기업용 웹표준 기술 기반 데스크탑과 모바일 통합 UI 솔루션
웹접근성, 웹표준, 반응형웹, 퍼블리싱 전문 그룹
무료 이미지, 템플릿 제공으로 쉽게 만드는 홈페이지. 도메인/호스팅 100% 무료
웹표준 1년 동영상 전과목 89,000원,365일 피씨와 모바일 수강가능.
쉽고 빠른 전세계도메인 실시간할인등록+숨은비용없는 안심가격+스타벅스상품권 100%
-
가람슬기
ㅜㅜ 앙.. 잘 안되네요..^^;ㅋ
-
시원
아~ 감사합니다 ^0^
그런데요.. width 를 100%으로 잡은데 이유가 있어서요..
상단 메뉴 bg가 쭉~ 화면 끝까지 나오도록 디자인 했거든요...
#wrap 에 값을 주니깐.. 표현하기가.. 어려워서요..
혹시.. 그럴땐 어떻게 하는게 좋을까요??