레이아웃용 박스 코드로 위젯스타일을 만들려고 하는데 잘되지 않습니다.

 

위젯스타일을 적용하고 페이지 수정을 하면 위젯들이 사라지거나 페이지 수정할때 위젯스타일이 보이지 않는 문제도 발생하며 위젯 테두리만 적용하면 페이지의 위젯들이 전부 사라지는 일도 있습니다.

 

단순한 테두리만 있는 위젯스타일을 만들고 있는데 어떻게 해야하는지를 좀 알려주세요.

 

아래를 현재 코드입니다.

 

HTML

 <!--%import("css/style.css")-->
<div class="WidgetStyleBox01_wrapper">
 <div class="WidgetStyleBox01_left">
  <div class="WidgetStyleBox01_right">
   <div class="WidgetStyleBox01">
         {$widget_content}
   </div><!-- .WidgetStyleBox01-->
  </div><!-- .WidgetStyleBox01_right  -->
 </div><!-- .WidgetStyleBox01_left  -->
 <div class="WidgetStyleBox01_bottom"></div>
</div><!-- .WidgetStyleBox01_wrapper  -->

CSS

 @charset "utf-8";
.WidgetStyleBox01_wrapper { float:left; margin-bottom:4px; background:url(../img/box01.png) no-repeat left bottom; } 
.WidgetStyleBox01_left { padding:0 0 0 13px; background:url(../img/box01.png) no-repeat left top; }
.WidgetStyleBox01_right { padding:12px 13px 0 0; background:url(../img/box01.png) no-repeat right top; }
.WidgetStyleBox01_bottom { width:245px; height:14px; padding:0; margin:0 0 0 13px; background:url(../img/box01.png) no-repeat right bottom; }

 

XML

 <?xml version="1.0" encoding="utf-8"?>
<widgetstyle>
    <title xml:lang="ko">팀 코어 네트워크 스타일</title>
    <description xml:lang="ko">팀 코어 네트워크 스킨 입니다.</description>
    <version>0.1</version>
    <date>2010-10-7</date>
    <preview>preview.gif</preview>
    <author email_address="woldens@naver.com" link="http://www.teamcore.net/">
        <name xml:lang="ko">울덴즈</name>
    </author>
</widgetstyle>

 

코드를 보시고 원인되는 부분이나 고쳐야 할 부분 혹은 틀린부분을 알려주세요.

 

또 위젯 스타일의 바텀부분은 사이즈가 지정되어있는데 이것을 위젯크기에 맞게 가변형으로 사용하려면 어떻게 해야하나요?

 

참고로 일부러 위젯 타이틀부분이나 더보기쪽을 삭제하였습니다.

 

테두리만을 위한 위젯스타일을 만들기 때문에 그렇습니다.

 

일단 파일 업로드는 해놓았습니다.

 

고수분들의 좋은 답변 기다리겠습니다.