메인 스킨에 있는 4칸 레이아웃의 소스가 변경되었습니다.

해당 레이아웃은

<div class="layout">

    <div>

        <div class="container_1">

        </div>

        <div class="container_2">

        </div>

        <div class="container_3">

        </div>

        <div class="container_4">

        </div>

    </div>

</div>

가 아닌

 

<div class="layout">

    <div>

       <div style="float:left;display:table;">

              <div class="container_1" style="display:table-cell;">

              </div>

              <div class="container_2" style="display:table-cell;">

              </div>

       </div>

       <div>

              <div class="container_3" style="display:table-cell;">

              </div>

              <div class="container_4" style="display:table-cell;">

              </div>

       </div>

    </div>

</div>

로 변경되었습니다.

 

참고)

display:table 을 사용하고 자식태그에 display:table-cell을 적용하면

<table>의 <td>처럼 1자로 정렬됩니다. 높이 또한 같게 변하며 센터를 유지할때 보통 많이 사용됩니다. (자식태그에 vertical-align:middle,text-align:center; - 중앙유지)