수다닷컴

!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
html, body {
margin: 0;
padding: 0;
}
#header_background {
width: auto;
background: red;
}
#header {
margin: 0 auto;
width: 740px;
height: 74px;
background: green;
}
#menu {
width: 900px;
margin: 0 auto;
text-align:center;
background: yellow;
}
#submenu {
width: 800px;
margin: 0 auto;
text-align:center;
background: gray;
}
#contant {
width: 740px;
margin: 0 auto;
}
#footer {
background: blue;
text-align: center;
}
/style
/head
body
div
div id=header_background 100%
div id=headerheader 740px/div
/div
div id=menumenu 900px/div
div id=submenusubmenu 800px/div
div id=contantcontant 740px/div
div id=footerfooter 100%/div
/div
/body
/html

빨간 부분하고 파란 부분은 100%로 화면 크기에 따라 변하길 바라는데요 ㅠ

해상도 창을 갑자기 줄였을때 width를 지정해논 메뉴들 때문에 하얗게 잘려나가더라구요 ㅠ

테이블로 구현할땐 쉬웠는데 div 는 어렵네요 ㅠㅠ 계속안되네요. ㅠㅠ

그리고 줄였을때 중앙정렬된 div들이 갑자기 왼쪽으로 다붙어버리네요 ㅠㅠ

div 너무 어렵네요 ㅠㅠㅠ

신청하기