수다닷컴

전체 해상도를 100%로 잡고.

좌, 우, 중앙 3단 분리 시킨후 좌,우는 사이즈 고정이고 중앙은 해상도에 따라 변경되는 %로 할건데..
이럴경우 중앙 width는 어떻게 해야하나요??
아래 그림보시면 질문 이해가 가실거에요그리고 다른 질문은 중앙 width를 최소 사이즈를 예를 들어 800로 주고 싶거든요.. min-width:1000px요
그러면 저거의 전체 최소 사이즈는 1300xp가 되는건데 익스플로러 창을 1300 이하로 줄이면 좌측 300px 영역 전체가 아에 사라지네요.. 저는 가로에 스크롤이 생기고 창이 줄어든 만큼 옆으로 가려져 잘려 보이게 하고픈데..
지금 보이는 네이버처럼..

마찬가지로 만약 창 사이즈를 800으로 해도 중앙 회색 영역이 아에 사라져 버리구요..
제가 제작한 코드는 다음과 같습니다.

!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 { height:100%;}
html, body, h1, h2, h3, h4, h5, h6, p, figure, fieldset, legend{
padding:0;
margin:0;
}
#wrap {width:100%; height:100%; overflow:hidden;}
#snb { width:200px; height:100%; background:green; float:left;}
#center { height:100%; min-width:800px; background:#ccc; float:left;} 여기는 width를 어찌 주는지 몰라 일단 뺸 상태,
#side { width:300px; height:100%; background:yellow; float:right;}
/style
/head
body
div id=wrap
div id=snbss
/div

div id=center
/div

div id=side
/div
/body
/html

신청하기