수다닷컴

모바일에서 검색창을 다는데 인풋박스랑 버튼 등을 div로 감싸고 맨 위에 그림처럼 설정을 했어요근데 더 넓은 기계(B기계)에서 보면 저렇게 사이가 벌어지는데요안벌어지게 맞추는 방법 없을까요?div30%를 픽셀단위로 고정을 하고 나머지를 %로 줘서 조절해봐도 안되고요..다른 방법이 있을거 같은데..

꼭 이 방법이 아니어도 다르게 적용해서 검색창 만드는 법 아시면 좀 가르쳐주세요 ㅠㅠ
참 스타일 시트 상에서는 그림이랑 달리 첫번째 div 66%, 두번째 div 는 29% 줬어요~코딩한것
fieldset legend class=hidden검색/legend div class=top_tab div input type=text name=text_keyword class=search_input /div div button type=button class=btn_search title=검색 onClick=search();검색/button input type=image class=list_button id=list_button src=/m/img/icon_list.png value= onClick=toggleSearchBox(); / /div /div/fieldset

스타일시트
fieldset{border:0px; padding:3px 0 0 10px; margin:0px;}.hidden{display:block; visibility:hidden; position:relative; z-index:-1; width:0px; height:0px;}.top_tab{width:100%; height:45px; background:url(/m/img/property_bg.gif) repeat-x; border-bottom:1px solid #d9d9d9; overflow:hidden;}.top_tab div:first-child{width:66%; height:25px; display:inline-block; margin:6px 0 0 5px; padding:3px; background:#fff; border-radius:5px; border:1px solid #b8b8b8; float:left;}.search_input{width:96%; height:24px; line-height:25px; font-family:돋움;font-size:14px; color:#474747; border:0;}.top_tab div:last-child{width:29%; border:1px solid #000; text-align:right; float:right;}.btn_search{width:40px; height:34px; margin:0 0 20px 0; padding:0; background:#f5f5f5; border-radius:5px; border:1px solid #b8b8b8; font-size:15px; color:#666; }.list_button{width:30px; height:34px; border:1px solid #b8b8b8; margin:5px 5px 0 0; padding:0; background:#fff;}

신청하기