안녕하세요. 주말 잘들 보내고 계신가요?

IE8 빈 화면 이슈를 확인하고 조치 중에 있습니다.

http://sir.kr/cm_free/1347861 

다행히(?) 집에 설치된 익스가 IE8이어서 글을 읽는 즉시 확인해 볼 수 있었고,

두 시간 정도 점검 끝에 겨우 원인을 찾아 해결하고 개발팀에 메세지를

전달해 둔 상태입니다.

#원인

default.css 1396라인의 다음에서

.sns-icon .ico {display:inline-block;background:url('../img/sns/sns-icon.png');vertical-align:middle}

display:inline-block 부분 오류

#조치

display:block 으로 값 변경

있는 그대로 말씀드리자면 저 코드가 어느 시점부터 어떻게 문제를 일으켰는지...

왜 문제가 되는지 가늠조차 되질 않습니다.

그래서 조치는 하였으나 시원스럽게 원인을 설명드리기가 어려울 뿐 아니라,

주말밤이어서 개발팀에서 실서버 적용까지 다소 시간이 소요될 것 같습니다. 

IE8을 사용하시는 회원님께 불편을 드려 죄송하며,

조금만 더 참아주시길 감히 부탁드립니다.

아울러 IE8을 포함한 구버전 브라우저 대신 최신 브라우저 사용을 권해드리고 싶습니다.

IE11 http://windows.microsoft.com/ko-kr/internet-explorer/download-ie

크롬 https://www.google.co.kr/chrome/browser/desktop/ 

파이어폭스 https://www.mozilla.org/ko/firefox/new/

모쪼록 남은 주말 즐겁고 행복하게 보내시길 바랍니다.

감사합니다.

##### 추가

혹시 이 오류에 대해 관심을 가지신 회원님이 계실까 하여,

오류 당시 마크업과 CSS 코드를 공유합니다.

html

<div class="sns-wrap">

    <a href="//sir.kr/plugin/social_login/popup.php?provider=naver&url=%2F" class="sns-icon sns-naver">

        <span class="ico"></span>

        <span class="txt">네이버<i> 로그인</i></span>

    </a>

    <span class="sns-div sns-div1"></span>

    <a href="//sir.kr/plugin/social_login/popup.php?provider=facebook&url=%2F" class="sns-icon sns-fb">

        <span class="ico"></span>

        <span class="txt">페이스북<i> 로그인</i></span>

    </a>

    <span class="sns-div sns-div2"></span>

    <a href="//sir.kr/plugin/social_login/popup.php?provider=google&url=%2F" class="sns-icon sns-gg">

        <span class="ico"></span>

        <span class="txt">구글+<i> 로그인</i></span>

    </a>

    <span class="sns-div sns-div3"></span>

    <!--

    <a href="//sir.kr/plugin/social_login/popup.php?provider=kakao&url=%2F" class="sns-icon sns-kakao"><span>카카오</span></a>

    <span class="sns-div sns-div2"></span>

    <a href="//sir.kr/plugin/social_login/popup.php?provider=twitter&url=%2F" class="sns-icon sns-twt"><span>트위터</span></a>

    <span class="sns-div sns-div5"></span>

    <a href="//sir.kr/plugin/social_login/popup.php?provider=daum&url=%2F" class="sns-icon sns-daum"><span>다음</span></a>

    -->

        <script>

        $(function(){

            $(".sns-wrap").on("click", "a", function(e){

                e.preventDefault();

                var pop_url = $(this).attr("href");

                var newWin = window.open(

                    pop_url, 

                    "social_sing_on", 

                    "location=0,status=0,scrollbars=0,width=600,height=500"

                );

                if(!newWin || newWin.closed || typeof newWin.closed=='undefined')

                     alert('브라우저에서 팝업이 차단되어 있습니다. 팝업 활성화 후 다시 시도해 주세요.');

                return false;

            });

        });

    </script>

</div>

CSS

/* SNS LOGIN */

.sns-wrap {margin:10px 0 0;text-align:center}

.sns-icon {display:inline-block;vertical-align:middle;text-decoration:none}

.sns-icon:hover {text-decoration:none}

.sns-icon .ico {display:inline-block;background:url('../img/sns/sns-icon.png');vertical-align:middle}

.sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}

.sns-icon .txt i {font-style:normal}

/* SNS by COLOR */

.sns-wrap-org .sns-naver {border-color:#2db400;background:#2db400}

.sns-wrap-org .sns-naver .ico {background-position:-34px -134px}

.sns-wrap-org .sns-gg {border-color:#dd5443;background:#dd5443}

.sns-wrap-org .sns-gg .ico {background-position:-134px -134px}

.sns-wrap-org .sns-fb {border-color:#3a5897;background:#3a5897}

.sns-wrap-org .sns-fb .ico {background-position:-234px -134px}

.sns-wrap-over .sns-icon {border-color:#dcdcdc}

.sns-wrap-over .sns-icon:hover {color:#fff}

.sns-wrap-over .sns-naver:hover {border-color:#2db400;background:#2db400}

.sns-wrap-over .sns-gg:hover {border-color:#dd5443;background:#dd5443}

.sns-wrap-over .sns-fb:hover {border-color:#3a5897;background:#3a5897}

.sns-wrap-over .sns-naver .ico {background-position:-34px -36px}

.sns-wrap-over .sns-naver:hover .ico {background-position:-34px -136px}

.sns-wrap-over .sns-gg .ico {background-position:-134px -36px}

.sns-wrap-over .sns-gg:hover .ico {background-position:-134px -136px}

.sns-wrap-over .sns-fb .ico {background-position:-234px -36px}

.sns-wrap-over .sns-fb:hover .ico {background-position:-234px -136px}

/* SNS by SIZE */

.sns-wrap-32 .sns-icon {height:28px;border-width:1px;border-style:solid;overflow:hidden;margin:0 1px}

.sns-wrap-32 .sns-icon .txt {display:inline-block;margin:0 10px 0 0;font-size:0.95em;letter-spacing:-0.1em}

.sns-wrap-32 .sns-icon .ico {width:30px;height:28px}

/* SNS by SECTION */

.tnb-login .sns-wrap {float:right;margin:0 0 0 5px;font-size:0;letter-spacing:-3px}

.tnb-login .sns-icon {background:#f3f3f3}

.register-sns {margin:10px 0 20px;padding:40px 40px 20px;border:1px solid #dedede;border-top:2px solid #000;background:#f7f7f7}

.register-sns .sns-wrap {}

.register-sns .desc {margin:0 0 30px;font-weight:bold;font-size:1.167em}

.register-sns .sns-icon {background:#fff}

.register-sns .sns-icon .txt {position:relative;line-height:1em}

.login-sns .sns-icon {background:#fff}