안녕하세요

xe로 사이트 만들었는데요.

위젯페이지로 구성을 했습니다.

위젯페이지로 만든 페이지가 해상도별 가운데 위치하게끔 하는게 어려워

빈 레이아웃을 하나 만들고 div로 감싸서 가운데 위치하게끔 해보려고 하는데요

 

layout.html

<div class="wrap">
    <div class="content">
        {$content}
    </div>
</div>

 

lauout.css

.wrap{
    position: absolute;
    width:100%;
    margin:0 auto;
}

.content{
    position: absolute;
    width:100%;
    margin:0 auto;
}

 

이렇게 만들어서 적용을 해봤습니다.

완벽하지는 않지만 많이 쓰이는 해상도에서 비교적 가운데 위치하게 되네요.

그런데 문제가 창 사이즈를 줄이니

화면이 또 깨지는 현상이 발생하네요ㅠㅠ

 

브라우저 전체창일때 는 정상적으로 나옵니다.

 

그런데 브라우져 창 사이즈를 줄이니 다 깨지네요.

 

창 사이즈 줄여도 안깨지고 해당 위치에 위치 하려면 어떻게 수정을 해줘야 할까요ㅠㅠ

xe 전문가님들 조언 좀 부탁드립니다