[문의] 미리보기와 실제 인장 모습이 다릅니다.

에디터 프리뷰와 인벤 인장 미리보기 화면에서는 아무런 문제가 없는데

실제 적용화면에서는 계속 위치가 어긋납니다. 뭐가 문제인지 모르겠네요..

이걸 하고 싶은건데

자꾸 이렇게 제대로 적용이 안됩니다.

제 스크립트를 한번 봐주실수 있나요 ㅠ_ㅠ

<div style="padding-top: 20px">

<div style="background: url('https://media.giphy.com/media/NPmkGKJCeHzyM/giphy.gif') no-repeat; min-height:280; padding-top: 0px;">

<!-- top side string (days calc) -->

    <div style="text-align:center; padding-top: 3px; padding-bottom: 3px; background-color: rgba(255,255,255,0.6);">

        <span style="font-size: 11; color: black; font-family: Verdana;">

            <strong>Desc'o Light</strong> on Cactuar(NA) Since 04-09-2017 for

            <strong><span data-inven-dday="2017-04-09"></span></strong> days and counting

        </span>     

    </div>

    <div style="font-family: verdana; font-size: 10px; padding-top: 230px; padding-right: 5px;">

        

        <div style="width:25px; height:15px;border-radius:5px;float:right;overflow:hidden;margin:0px 3px 3px 0px;background-color: rgb(80, 80, 80);">

<div style="width:25px; height:15px;transition:0.4s;display:table-cell;color:rgba(255,255,255,1);vertical-align:middle;" 

data-inven-over-css="{'_SELF_':{'background-color':'red','color':'rgba(255,255,255,1)'}}"

data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,1)'}}">

<div style="text-align: center">

   ALL

</div></div></div>

        

        <div style="width:25px; height:15px;border-radius:5px;float:right;overflow:hidden;margin:0px 3px 3px 0px;background-color: rgb(120, 120, 120);">

<div style="width:25px; height:15px;transition:0.4s;display:table-cell;color:rgba(255,255,255,1);vertical-align:middle;" 

data-inven-over-css="{'_SELF_':{'background-color':'red','color':'rgba(255,255,255,1)'}}"

data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,1)'}}">

<div style="text-align: center">

   20

</div></div></div>

        

        <div style="width:25px; height:15px;border-radius:5px;float:right;overflow:hidden;margin:0px 3px 3px 0px;background-color: rgb(160, 160, 160);">

<div style="width:25px; height:15px;transition:0.4s;display:table-cell;color:rgba(255,255,255,1);vertical-align:middle;" 

data-inven-over-css="{'_SELF_':{'background-color':'red','color':'rgba(255,255,255,1)'}}"

data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,1)'}}">

<div style="text-align: center">

   10

</div></div></div>

        

        <div style="width:60px; height:15px;border-radius:5px;float:right;overflow:hidden;margin:0px 3px 3px 0px;background-color: rgb(220, 220, 220); text-align: center;">

<font size="1"><strong>Attack!</strong></font>

        </div></div>

        </div>

    </div>