@ 설명

IE8은 반응형이 정상동작하지 않으므로, 항상 PC화면 사이즈로 출력되도록 작업이 되어있습니다.

그래서 IE8에서는... 디자인팜에서 입력한 레이아웃의 최대크기값을, IE8 에서 보여지는 레이아웃의 최소크기값으로 적용하도록 코딩이 되어있습니다.

 

 

----- 참고 소스 (sub스킨의 2칸 레이아웃 소스코드) ----

 

// 최대크기를 가져와서 ie8에 적용할 최소크기로 지정

{@

$ie8Width = ($farm_skin_layout[max_width]) ? 'min-width:'.$farm_skin_layout[max_width].'px;' : '';

@}

...

// ie8 에서만 적용되는 부분

@media \0screen{
    .layout_4427_ {{$ie8Width}}
}

 

----- // 참고 소스 ----

 

 

 

@ 문제점

 

 

해당 레이아웃의 좌측은 PC화면에서 877px 의 크기를 가지고 있습니다.

 

 

일반페이지(/page/fare) 에 들어간 레이아웃의 경우 최대크기가 1200px 로 지정되어 있습니다.

 

이 값이 IE8 에서는 최소크기(1200px)로 적용이 되기 때문에, 내용크기(877px)를 벗어나게 됩니다.

 

 

 

@ 수정방법

 

일반페이지 내용의 경우, 항상 스킨 페이지의 크기값에 영향을 받기 때문에 최소크기, 최대크기를 지정하지 않아도 됩니다.

-> 최대크기값을 삭제해서, 공란으로 두시면 됩니다.