[기타] 수정한 스크립트입니다.

<div data-inven-id="main_kakao" style="display:block">

<div data-inven-id="top_1" style="display:block">
<img src="https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16246669336.jpg">
</div>

<div data-inven-id="top_2" style="display:none">
<img src="https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16276560980.jpg" style="">
</div>

<div data-inven-id="top_3" style="display:none">
<img src="https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16206654932.jpg" style="">
</div>

<div data-inven-id="top_4" style="display:none">
<img src="https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16237531670.jpg" style="">
</div>

<div data-inven-tabs="">

<div data-inven-tab-for="tab_1" data-inven-selected-css="{'_SELF_':{'background':'url(https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16246843518.jpg)'},'top_1':{'display':'block'},'top_2':{'display':'none'},'top_3':{'display':'none'},'top_4':{'display':'none'}}" data-inven-unselected-css="{'_SELF_':{'background':'url(https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16218467717.jpg)'}}" style="border:0px; margin:0px; width:113px; height:60px; padding: 0px; display:inline-block; float:left;">
</div>

<div data-inven-tab-for="tab_2" data-inven-selected-css="{'_SELF_':{'background':'url(https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16201751093.jpg)'},'top_1':{'display':'none'},'top_2':{'display':'block'},'top_3':{'display':'none'},'top_4':{'display':'none'}}" data-inven-unselected-css="{'_SELF_':{'background':'url(https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16277744252.jpg)'}}" style="border:0px; margin:0px; width:112px; height:60px; padding: 0px; display:inline-block; float:left;">
</div>

<div data-inven-tab-for="tab_3" data-inven-selected-css="{'_SELF_':{'background':'url(https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16256603010.jpg)'},'top_1':{'display':'none'},'top_2':{'display':'none'},'top_3':{'display':'block'},'top_4':{'display':'none'}}" data-inven-unselected-css="{'_SELF_':{'background':'url(https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16228798311.jpg)'}}" style="border:0px; margin:0px; width:112px; height:60px; padding: 0px; display:inline-block; float:left;">
</div>

<div data-inven-tab-for="tab_4" data-inven-selected-css="{'_SELF_':{'background':'url(https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16216618867.jpg)'},'top_1':{'display':'none'},'top_2':{'display':'none'},'top_3':{'display':'none'},'top_4':{'display':'block'}}" data-inven-unselected-css="{'_SELF_':{'background':'url(https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16287476558.jpg)'}}" style="border:0px; margin:0px; width:113px; height:60px; padding: 0px; display:inline-block; float:left;">
</div>

<div style="clear:left">
</div>

<div data-inven-tab-id="tab_1" style="display:none; border: 0px; width: 450px; padding: 0px;">

<div data-inven-id="con_1_search" style="display: block; cursor: pointer; width: 450px; height: 51px; padding: 0px; border: 0px;" 
data-inven-click-css="{'_SELF_':{'display':'none'},'con_1_search2':{'display':'block'}}">
<img src="https://upload2.inven.co.kr/upload/2017/12/26/bbs/i14698393704.png" style="">
</div>

<div data-inven-id="con_1_search2" style="display:none; border: 0px; width: 450px; padding: 0px;"><br>

<div data-inven-action="" data-inven-label="마격" style="width:450px; min-height:51px; border:0px; margin:0px; padding:0px;">

<span data-inven-attr-for="label" style="font-weight: bold;">
</span>

<span data-inven-attr-for="input" style="height:20px;">
</span>

<span data-inven-attr-for="last-attack-10" style="background-color: #ffffff; color: #000000; font-weight: bold;">
</span>

<span data-inven-attr-for="last-attack-20" style="background-color: #ffffff; color: #000000; font-weight: bold;">
</span>

<span data-inven-attr-for="last-attack-all" style="background-color: #ffffff; color: #000000; font-weight: bold;">
</span>

<span data-inven-attr-for="search-profile" style="background-color: #ffffff; color: #000000; font-weight: bold;">
</span>

<span data-inven-attr-for="action-result" style="border-color: #000000; color: #000000; font-weight: bold;">
</span>

</div>

</div>

<img src="https://upload2.inven.co.kr/upload/2017/01/06/bbs/i16256169595.jpg" style="">

<div style="padding:0px; margin:0px; display:block; background-image:url(https://upload2.inven.co.kr/upload/2017/12/13/bbs/i15357709921.png);">

<div 
data-inven-click-css="{'main_kakao':{'display':'none'},'ext_mypage':{'display':'block'}}" style="cursor:pointer; padding:0px; margin:0px; display:block; background-image:url(https://upload2.inven.co.kr/upload/2017/12/26/bbs/i13816818699.png); width: 450px; height:75px;"><br><br><p align="right"><b></b></p>
</div>

</div>

<img src="https://upload2.inven.co.kr/upload/2017/01/06/bbs/i14340170088.jpg" style="">

<div 
data-inven-click-css="{'main_kakao':{'display':'none'},'ext_con1_twicenayeon':{'display':'block'}}" style="cursor: pointer; padding: 0px; margin: 0px; display: block;">
<img src="https://upload2.inven.co.kr/upload/2017/12/26/bbs/i15771715309.png" style="">
</div>

<div 
data-inven-click-css="{'main_kakao':{'display':'none'},'ext_con1_twicedahyeon':{'display':'block'}}" style="cursor: pointer; padding: 0px; margin: 0px; display: block;">
<img src="https://upload2.inven.co.kr/upload/2017/12/26/bbs/i15782375723.png" style="">
</div>

<div 
data-inven-click-css="{'main_kakao':{'display':'none'},'ext_con1_twicesana':{'display':'block'}}" style="cursor: pointer; padding: 0px; margin: 0px; display: block;">
<img src="https://upload2.inven.co.kr/upload/2017/12/26/bbs/i15760422204.png" style="">
</div>

<div 
data-inven-click-css="{'main_kakao':{'display':'none'},'ext_con1_twicezuwi':{'display':'block'}}" style="cursor: pointer; padding: 0px; margin: 0px; display: block;">
<img src="https://upload2.inven.co.kr/upload/2017/12/26/bbs/i15707955378.png" style="">
</div>

</div>

<div data-inven-tab-id="tab_2" style="display:none; border: 0px; width: 450px; padding: 0em;">
<img src="https://upload2.inven.co.kr/upload/2017/01/09/bbs/i14924535596.jpg" style="">
<img src="https://upload2.inven.co.kr/upload/2017/12/26/bbs/i13889127636.png" style="">

<div 
data-inven-click-css="{'main_kakao':{'display':'none'},'ext_con2_movie':{'display':'block'}}" style="">
<img src="https://upload2.inven.co.kr/upload/2017/12/26/bbs/i13878590574.png" style="">
</div>

<div 
data-inven-click-css="{'main_kakao':{'display':'none'},'ext_con2_injang':{'display':'block'}}" style="">
<img src="https://upload2.inven.co.kr/upload/2017/12/26/bbs/i14138357692.png" style="">
</div>

</div>

<div data-inven-tab-id="tab_3" style="display:none; border: 0px; width: 450px; padding: 0em;">
<img src="https://upload2.inven.co.kr/upload/2017/01/09/bbs/i13330776144.jpg" style="">
<img src="https://upload2.inven.co.kr/upload/2017/01/09/bbs/i14171626620.jpg" data-inven-tooltip="현재 링크공사중" style="">
</div>

<div data-inven-tab-id="tab_4" style="display:none; border: 0px; width: 450px; padding: 0em;">
<img src="https://upload2.inven.co.kr/upload/2017/12/26/bbs/i16636302460.png" data-inven-tooltip="수정 계획 없음" style="">
</div>

</div>

</div>

<div data-inven-id="ext_mypage" style="display:none">
<img src="https://upload2.inven.co.kr/upload/2017/12/26/bbs/i13746975010.png" usemap="#ext_mypagemap" style=""><map name="ext_mypagemap">

<area shape="rect" coords="4,35,47,79" title="backtomain" 
data-inven-click-css="{'ext_mypage':{'display':'none'},'main_kakao':{'display':'block'}}">

<area shape="rect" coords="125,624,327,666" title="sendmessage" href="http://www.inven.co.kr/member/note/?folder=write&amp;rurl=%2Fmember%2Fnote%2Findex.php%3F&amp;nick=%EC%86%A1%ED%95%98%EB%82%98%EC%96%91" target="_blank">

<area shape="circle" coords="120,722,40" title="registdate" data-inven-tooltip="2011-04-25 01:41:30 에 가입하셨으며, 오늘은 2438일째입니다">

<area shape="circle" coords="226,723,40" title="라그인장모음집" href="http://www.inven.co.kr/board/ro/1953/3658?p=2&amp;my=post" target="_blank">

<area shape="circle" coords="330,723,40" title="유트브링크" href="https://www.youtube.com/channel/UCkzFCqGCO_krS_WtRvLOlmQ?view_as=subscriber" target="_blank"></map>
</div>

<div data-inven-id="ext_con1_twicenayeon" style="display:none;">
<img src="https://upload2.inven.co.kr/upload/2017/12/26/bbs/i13169823885.png" usemap="#ext_con1_nayeon" style=""><map name="ext_con1_nayeon">

<area shape="rect" coords="4,35,47,79" title="backtomain" 
data-inven-click-css="{'ext_con1_twicenayeon':{'display':'none'},'main_kakao':{'display':'block'}}"></map>
</div>

<div data-inven-id="ext_con1_twicedahyeon" style="display:none;">
<img src="https://upload2.inven.co.kr/upload/2017/12/26/bbs/i15028728646.png" usemap="#ext_con1_dahyeon" style=""><map name="ext_con1_dahyeon">

<area shape="rect" coords="4,35,47,79" title="backtomain" 
data-inven-click-css="{'ext_con1_twicedahyeon':{'display':'none'},'main_kakao':{'display':'block'}}"></map>
</div>

<div data-inven-id="ext_con1_twicesana" style="display:none;">
<img src="https://upload2.inven.co.kr/upload/2017/12/26/bbs/i14733286934.png" usemap="#ext_con1_sana" style=""><map name="ext_con1_sana">

<area shape="rect" coords="4,35,47,79" title="backtomain" 
data-inven-click-css="{'ext_con1_twicesana':{'display':'none'},'main_kakao':{'display':'block'}}"></map>
</div>

<div data-inven-id="ext_con1_twicezuwi" style="display:none;">
<img src="https://upload2.inven.co.kr/upload/2017/12/26/bbs/i16489741188.png" usemap="#ext_con1_zuwi" style=""><map name="ext_con1_zuwi">

<area shape="rect" coords="4,35,47,79" title="backtomain" 
data-inven-click-css="{'ext_con1_twicezuwi':{'display':'none'},'main_kakao':{'display':'block'}}"></map>
</div>

<div data-inven-id="ext_con2_movie" style="display:none;">
<img src="https://upload2.inven.co.kr/upload/2017/12/26/bbs/i15591979708.png" usemap="#ext_messmap" style=""><map name="ext_messmap">

<area shape="rect" coords="1,32,30,86" title="backtomain" 
data-inven-click-css="{'ext_con2_movie':{'display':'none'},'main_kakao':{'display':'block'}}"></map>

<div style="background-image:url('https://upload2.inven.co.kr/upload/2017/01/12/bbs/i15001422533.jpg'); width:450px; min-height:659px;"><br>
<table border="0px" margin="0px" cellpadding="0">
<tbody>
<tr>
<td width="245px"></td>
<td>

<div style="border:0px; border-radius:4px; background-color:#FFEB00; width:160px; height:15px; padding:8px; margin:0px; text-align:left;">

<span style="font-weight:bold;">2017-01-01 마스터
</span>

</div>

</td>
</tr>
<tr>
</tr>
<tr>
<td></td>
<td>

<div style="border:0px; border-radius:4px; background-color:#FFEB00; width:160px; height:15px; padding:8px; margin:0px; text-align:left;">

<span style="font-weight:bold;">2017-01-06 너의 이름은.
</span>

</div>

</td>
</tr>
</tbody>
</table><br>
</div>

<img src="https://upload2.inven.co.kr/upload/2017/01/12/bbs/i15028699018.jpg" style="">
</div>

<div data-inven-id="ext_con2_injang" style="display:none;">
<img src="https://upload2.inven.co.kr/upload/2017/01/12/bbs/i15678883603.jpg" usemap="#ext_messmap2" style=""><map name="ext_messmap2">

<area shape="rect" coords="1,32,30,86" title="backtomain" 
data-inven-click-css="{'ext_con2_injang':{'display':'none'},'main_kakao':{'display':'block'}}"></map>

<div style="background-image: url(&quot;https://upload2.inven.co.kr/upload/2017/01/12/bbs/i15001422533.jpg&quot;); width: 450px; min-height: 659px;"><br>

<div style="border: 0px; border-radius: 5px; background-color: rgb(255, 255, 255); min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload2.inven.co.kr/upload/2016/10/07/bbs/i12643997770.png" width="280" style="">
</div>

<div style="border: 0px; border-radius: 5px; background-color: rgb(255, 255, 255); min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload2.inven.co.kr/upload/2016/05/25/bbs/i13234464082.png" width="280" style="">
</div>

<div style="border: 0px; border-radius: 5px; background-color: rgb(255, 255, 255); min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload2.inven.co.kr/upload/2015/05/06/bbs/i13839572387.bmp" width="280" style="">
</div>

<div style="border: 0px; border-radius: 5px; background-color: rgb(255, 255, 255); min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload2.inven.co.kr/upload/2015/05/06/bbs/i11061583384.jpg" width="280" style="">
</div>

<div style="border: 0px; border-radius: 5px; background-color: rgb(255, 255, 255); min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload2.inven.co.kr/upload/2016/03/27/bbs/i11243951479.png" width="280" style="">
</div>

<div style="border: 0px; border-radius: 5px; background-color: rgb(255, 255, 255); min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload2.inven.co.kr/upload/2015/02/04/bbs/i2848921278.gif" width="280" style="">
</div>

<div style="border: 0px; border-radius: 5px; background-color: rgb(255, 255, 255); min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload2.inven.co.kr/upload/2015/10/29/bbs/i12861892641.gif" width="280" style="">
</div>

<div style="border: 0px; border-radius: 5px; background-color: rgb(255, 255, 255); min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload2.inven.co.kr/upload/2015/09/15/bbs/i10559839408.gif" width="280" style="">
</div>

<div style="border: 0px; border-radius: 5px; background-color: rgb(255, 255, 255); min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload2.inven.co.kr/upload/2015/05/14/bbs/i13028553899.gif" width="280" style="">
</div>

<div style="border: 0px; border-radius: 5px; background-color: rgb(255, 255, 255); min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload2.inven.co.kr/upload/2015/03/17/bbs/i10665244677.gif" width="280" style="">
</div>

<div style="border: 0px; border-radius: 5px; background-color: rgb(255, 255, 255); min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload.inven.co.kr/upload/2014/11/21/bbs/i3048343319.jpg" width="280" style="">
</div>

<div style="border: 0px; border-radius: 5px; background-color: rgb(255, 255, 255); min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload2.inven.co.kr/upload/2015/02/19/bbs/i2028976515.jpg" width="280" style="">
</div>

<div style="border: 0px; border-radius: 5px; background-color: rgb(255, 255, 255); min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload2.inven.co.kr/upload/2015/04/04/bbs/i10907124104.gif" width="280" style="">
</div>

<div style="border: 0px; border-radius: 5px; background-color: rgb(255, 255, 255); min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload2.inven.co.kr/upload/2015/01/30/bbs/i3123453284.png" width="280" style="">
</div>

<div style="border: 0px; border-radius: 5px; background-color: rgb(255, 255, 255); min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload.inven.co.kr/upload/2014/05/21/bbs/i0011254502.gif" width="280" style="">
</div>

<div style="border: 0px; border-radius: 5px; background-color: rgb(255, 255, 255); min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload.inven.co.kr/upload/2014/11/20/bbs/i2832422095.gif" width="280" style="">
</div>

<div style="border: 0px; border-radius: 5px; background-color: rgb(255, 255, 255); min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload.inven.co.kr/upload/2014/11/05/bbs/i3788232534.gif" width="280" style="">
</div>

<div style="border: 0px; border-radius: 5px; background-color: rgb(255, 255, 255); min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload.inven.co.kr/upload/2014/11/26/bbs/i0467562394.png" width="280" style="">
</div>

<div style="border: 0px; border-radius: 5px; min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload.inven.co.kr/upload/2014/07/23/bbs/i1873868770.gif" width="280" style="">
</div>

<div style="border: 0px; border-radius: 5px; background-color: rgb(255, 255, 255); min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload.inven.co.kr/upload/2014/01/31/bbs/i2322644644.gif" width="280" style="">
</div>

<div style="border: 0px; border-radius: 5px; background-color: rgb(255, 255, 255); min-width: 160px; min-height: 15px; max-width: 280px; padding: 8px; margin: 10px; text-align: left;">
<img src="https://upload.inven.co.kr/upload/2014/08/13/bbs/i3809216278.jpg" width="280" style="">
</div>

</div>

</div> 

문제점은 딱 한가지입니다.

HTML 모드에서 소스코드를 입력하거나 편집한 뒤,

웹에디터 모드로 돌아올 경우 이미지 사이즈에 자동 변환이 일어납니다.

어긋나던 소스를 살펴보시면 width="438" 이 몇군데 있을 겁니다.

이는 사이즈를 직접 지정하지 않은 이미지에 사이즈 자동 변환이 발생하며 들어간 속성으로

어긋난 부분은 전체 너비가 450px으로 유지되어 혼자 튀어나와 있는 상태,

나머지 부분은 자동 변환에 의해 438px로 변하여

12px만큼 어긋나게 된 것입니다.

이를 방지하는 방법은

1. 이미지에 사이즈를 지정

2. HTML모드에서 웹에디터 모드로 돌아오지 않고 바로 저장

이렇게 두가지입니다.

그리고 2번의 방법을 이용해 저장하였다고 하더라도,

이미 저장된 인장 소스 코드는 다시 열어볼 경우

웹에디터로 자동 변환이 일어난 상태가 되므로

원본 소스를 따로 저장하여 갖고 계셔야 합니다.