수다닷컴

안녕하세요ㅠㅠ 열심히 찾아보다가 결국 여기에 도움청합니다.
가로를 100%로 잡아서 창사이즈에 따라 달라보이게 하는데요.px했을땐 잘 됐는데 퍼센트로 하니까....창사이즈가 줄어들더라도, 제자리에 잇어야하는데,,,,,,,,,,,,,,,,,,,,,자꾸 오른쪽 두개의 div가 창사이즈를 줄일때마다 투둑 투둑 떨어집니다ㅠㅠ
창 사이즈가 클때// 요게 정상적인데...; 줄었을때도 이 레이아웃이여해요

창 사이즈가 줄었을때,,,,,,,,,,,,,ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ

소스 같이 올립니다. 어디를 고쳐야하나요ㅠㅠ

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /titleUntitled Document/titlestyle type=text/css* {margin:0; padding:0;}
#wrap {width:100%; height:100%;} #header {float:left; width:10%; min-width:150px; border-bottom:1px solid #e6e6e6; background:red;} #container {width:90%; min-width:1000px; height:100%; background:yellow;} #visual {width:49%; max-width:400px; float:left; border-bottom:1px solid #e6e6e6; background:green;} #contents01 {width:19%; min-width:250px; height:100%; float:left; background:blue; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:center;} #contents02 {width:17%; min-width:220px; height:100%; float:left; background:purple; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:center;} #contents03 {width:5%; min-width:100px; height:100%; background:brown; float:left;} #footer {width:100%; min-width:1000px; height:30px; clear:both; padding:10px; background:pink;}/style
/head

bodydiv id=wrap div id=headerheader/div div id=container div id=visualvisual/div div id=contents01contents01/div div id=contents02contents02/div div id=contents03contents03/div /div div id=footerfooter/div/div/body/html

신청하기