수다닷컴

전..웹표준 코딩 첨인데다 코딩 왕 초본데요..^^;
궁금한게 있어서요..
레이아웃 중에 하단 고정 푸터 사용하고 싶어서.. 이리저리 찾아다니다.. 찾았습니다!! ^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

신청하기