몇년전에 제작한 사이트 게시판이 크롬외 인터넷브라유저에서 이상하게 보입니다

몇년전에 제작한 사이트 게시판이 크롬외 인터넷브라유저에서 이상하게 보입니다

QA

몇년전에 제작한 사이트 게시판이 크롬외 인터넷브라유저에서 이상하게 보입니다

답변 4

본문

정상적이던 사이트 게시판이 이상하게 보입니다

왜 이런 걸까요?

 

1948538793_1705660811.7075.jpg

이 질문에 댓글 쓰기 :

답변 4

1982090578_1705715035.5572.png

 

크로스 도메인 문제 입니다.

주 사이트는 https 의 SSL 보안인증서 환경에서 구동되는데

그외 CSS 라던가 JS, 라이브러리 를 호출하는 URL 이 https 가 아닌 http 라서 그렇습니다.

 

요약.

https 인 SSL 환경에서는 http 리소스를 불러올수 없습니다.

 

반대로

 

http 환경에서 https 는 가능.

 

 

 

http://tmhh.cafe24.com/gnuboard4/bbs/board.php?bo_table=e01

이상없음

 

https://tmhh.cafe24.com/gnuboard4/bbs/board.php?bo_table=e01

문제발생.

 

카페24 의 기본 도메인은 http 와 https 모두 지원합니다.

 

 

브라우저 호환되자 않는 코드를 이용해 코딩을 해서 그렇습니다.

html/css 만 좀 손보면 정상적으로 보일테니 아래 게시판 참고해 작업해 보세요.

현재 쓰고 있는 style.css 입니다. 이게 문제 인것 같은데 도저히 감이 안옵니다. 도와주세요


@charset "utf-8";
/* SIR ����ƺ� */

/* ���� ��Ų (latest) */
.lt_pc {float:left;margin-left:20px}
.lt {position:relative;float:left;margin-bottom:20px;padding-bottom:10px;width:354px;height:150px;border-bottom:1px solid #e9e9e9}
.lt ul {margin:0 0 10px;padding:0;list-style:none}
.lt li {padding:3px 0}
.lt .lt_title {display:block;padding:10px 0 8px}
.lt .lt_more {position:absolute;top:10px;right:0}
.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}




프레임이 깨지는거 보니 제생각에는 latest.skin은 문제가 없어보이는데 맞는지 모르겠어요.

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>

<table width=100% cellpadding=0 cellspacing=0>
<? for ($i=0; $i<count($list); $i++) { ?>
<tr>
    <td colspan=4 align=center><div align="right">
        <table width=97%>
        <tr>
            <td width="73%" height=25>
            <?
            echo $list[$i]['icon_reply'] . " ";
            echo "<a href='{$list[$i]['href']}'>";
            if ($list[$i]['is_notice'])
                echo "<font style='font-family:돋움; font-size:9pt; color:#2C88B9;'><strong>{$list[$i]['subject']}</strong></font>";
            else
                echo "<font style='font-family:돋움; font-size:9pt; color:#6A6A6A;'>{$list[$i]['subject']}</font>";
            echo "</a>";

            if ($list[$i]['comment_cnt'])
                echo " <a href=\"{$list[$i]['comment_href']}\"><span style='font-family:돋움; font-size:10pt; color:#9A9A9A;'>{$list[$i]['comment_cnt']}</span></a>";

            // if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }
            // if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }

            echo " " . $list[$i]['icon_new'];
            echo " " . $list[$i]['icon_file'];
            echo " " . $list[$i]['icon_link'];
            echo " " . $list[$i]['icon_hot'];
            echo " " . $list[$i]['icon_secret'];
            ?></td>
            <td width="27%"><div align="right"><?=$list[$i][datetime];?></div>
            </td>
        </tr>
        </table></div>
    <div align="right"></div></td>
</tr>
<? } ?>

<? if (count($list) == 0) { ?><tr><td colspan=4 align=center height=50><font color=#6A6A6A>게시물이 없습니다.</a></td></tr><? } ?>

</table>

CSS 에러 경우 코드만 봐선 확인이 힘드니, URL 주소를 공개 후 도움을 구해보세요.
1. font 태그 경우, html5에서 비표준 처리되었습니다.
2. 스타일 경우 아이디 지정 없이 정의 시, 다른 선택자의 영향 받아 깨질 수 있어요.
3. 코드를 보니 굉장히 오래된 스타일인데, 이번 기회에 업그레이드 해보세요.
4. https 모드에서 소스에 http 사용 시에도 에러 발생할 수 있습니다.

참고사이트입니다.

호환성 문제라고 하시는데 알수가 없네요. 도움 부탁드립니다

https://tmhh.cafe24.com/gnuboard4/bbs/board.php?bo_table=e01

f12키 개발자모드로 확인해 보니, 일단 아래와 같은 코드가 에러 유발하네요.
아마도 요즘 구글 크롬이 쿠키 없애는 거랑 관련이 있는 듯 한데....
https://youtu.be/TZASy7XhU5U

<script>
$(function() {
    // 폰트 리사이즈 쿠키있으면 실행
    font_resize("container", get_cookie("ck_font_resize_rmv_class"), get_cookie("ck_font_resize_add_class"));
});
</script>

PS. 크롬에서도 위 화면처럼 보입니다.

홈페이지 호스팅 이전 한적 있나요? 아니면 사양을 변경 한적 있는지.. 카페24인가요?

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 150
© SIRSOFT
현재 페이지 제일 처음으로