안녕하세요 스케치북 레이아웃 관련해서 고수님들의 의견을 구하고자 이렇게 질문글을 올립니다.

현재 상태를 먼저 말씀드리면  해상도가 충분할 때에는 위젯, 새로 추가한 HTML 코드가 좌측에 이상 없이 정렬돼 나타납니다.

(왼쪽그림)

근데 창의 크기를 작게 하거나 스마트폰으로 접속할 경우 어떤 요소는 가로로 나란히 나타나고 어떤 요소는 세로로 나타납니다.

(오른쪽그림)

창을 작게 했을 때엔 위젯설정영역의 요소들이 모두 가로로 나타나게 하고 싶은데, 방법을 모르겠습니다//

어떻게 해야 할까요?;;

<script src="http://widgetprovider.daum.net/view?url=http://widgetcfs1.daum.net/xml/14/widget/2009/03/31/15/20/49d1b62de0f5b.xml&&width=166&height=50&widgetId=336&scrap=1" type="text/javascript"></script></ br>
<img src="images/space.gif" width="10" height="10" border="0"></ br>
<a href="index.php?mid=lmc_freeboard&category=135923&act=dispBoardWrite"><img src="images/lmc_ge.gif" width="210" height="173" border="0"></a><a href="index.php?mid=lmc_freeboard&category=135923&act=dispBoardWrite"></a></ br>
<img src="images/space.gif" width="10" height="10" border="0">
<a href="http://www.lemoncar.co.kr/xe/lmc_order"><img src="images/lmc_ge2.gif" width="210" height="173" border="0"></a></ br>
<img src="images/space.gif" width="10" height="10" border="0"></ br>
<table id="lmc_usergallery" width="210" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="29">
<a href="http://www.lemoncar.co.kr/xe/lmc_usergallery"><img src="images/lmc_wg2_01.gif" width="210" height="29" alt="" border="0"></a></td>
</tr>
<tr>
<td background="images/lmc_wg_02.gif" width="210" style="padding:5px;">
<img class="zbxe_widget_output" widget="content" skin="naradesign" content_type="document" module_srls="133963" list_type="image_title_content" tab_type="none" markup_type="list" list_count="3" cols_list_count="5" page_count="1" content_cut_size="100" option_view="thumbnail,title,regdate,content" show_browser_title="N" show_comment_count="Y" show_trackback_count="Y" show_category="N" show_icon="N" order_target="list_order" order_type="desc" thumbnail_type="crop" thumbnail_width="80" thumbnail_height="100" />
</td>
</tr>
<tr>
<td height="5">
<img src="images/lmc_wg_03.gif" width="210" height="5" alt=""></td>
</tr>
</table></ br>
<img src="images/space.gif" width="10" height="10" border="0"></ br>
<table id="lmc_safedriving" width="210" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="29">
<a href="http://www.lemoncar.co.kr/xe/lmc_safedriving"><img src="images/lmc_wg_01.gif" width="210" height="29" alt="" border="0"></a></td>
</tr>
<tr>
<td background="images/lmc_wg_02.gif" width="210" style="padding:8px;">
<img class="zbxe_widget_output" widget="content" skin="naradesign" content_type="document" module_srls="154401" list_type="title_content" tab_type="none" markup_type="list" list_count="10" cols_list_count="5" page_count="1" content_cut_size="100" option_view="thumbnail,title" show_browser_title="N" show_comment_count="Y" show_trackback_count="Y" show_category="N" show_icon="N" order_target="list_order" order_type="desc" thumbnail_type="crop" thumbnail_width="75" thumbnail_height="105" />
</td>
</tr>
<tr>
<td height="5">
<img src="images/lmc_wg_03.gif" width="210" height="5" alt=""></td>
</tr>
</table></ br>
<img src="images/space.gif" width="10" height="10" border="0">