수다닷컴

만들고 싶은것이 이것인데요.

헤더와 푸더는 100%로 해상도를 늘려도 줄여도 컨덴츠(700px)를 기준으로화면에 그대로 유지되길 바라는데요.

헤더와 푸더가 그라데이션이라 ㅠㅠ
이렇게되네요 ㅠ

테이블로 하면 넘 쉬운건데 ㅠㅠ div로 하려니 넘 어렵네요 ㅠㅠㅠㅠㅠ;

http://html.nhndesign.com/ui_gen_layout

이 홈페이지 처럼 해상도를 갑자기 줄여도

컨텐츠를 기준으로 헤드와 푸더가 맞춰질수있도록 불가능할까요? ㅜㅜ

!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 /
titleUntitled Document/title
style
body {
margin: 0px;
}
#wrap {
margin: 0 auto;
width: auto;
}
#header {
width: auto;
height: 50px;
background: red;
}
#contant {
margin: 0 auto;
width: 700px;
background: blue;
}
#footer {
width: auto;
height: 20px;
background: red;
}
/style
/head
body
div id=wrap
div id=headerheader/div
div id=contant안녕하세요. 홈페이지에 오시/div
div id=footerfooter/div
/div
/body
/html

즐거운주말보내세요 ㅠㅠㅠ

신청하기