익스플로러에서 홈페이지를 열면 이상해져요. 정보
익스플로러에서 홈페이지를 열면 이상해져요.본문
오류 주소 : http://www.snaphue.com/
안녕하세요~ 홈페이지 초보라 이렇게 질문을 남깁니다.
어제도 질문을 남겼다가 좋은 답변들을 주셔서 해결을 했었는데 갑자기 또 멘붕이 왔네요. ㅎ;
사이트 주소는 위와 같구요.
제가 크롬을 사용하는터라 전혀 모르고 있었는데,
오늘 다른 컴퓨터의 익스플로러로 확인을 하니 홈페이지가 부분적으로 깨져버리더라구요.;;
크롬과 스마트폰으로 확인했을때는 잘 나왔는데 익스플로러에서는 화면이 이상해지는 이유가
뭘까요? ;;
링크가 걸리는 부분에 네모 테두리가 안보이게 하는 방법은 제가 본적이 있어서
다시 설정한다고 해도 이미지 자체가 맞지 않고 깨지는건 잘 모르겠습니다.
(그러고보니 보드의 헤더부분(상단메뉴)에도 외곽에 테두리가 생기네요.;;)
이것도 혹시나 만드는 순서나 방법에서 실수가 있었던건지 익스플로러 호환상의 문제인지
알려주시면 고맙겠습니다.
댓글 전체
이미지 바더값 0 으로 설정해 주시면 될 것 같으세요..
혹시 익스플로러 호환성보기로 설정되 있으신건 아닌지 확인해 보세요.
도구 >> 호환성보기에 체크되어 있나 보시면 됩니다.
도구 >> 호환성보기에 체크되어 있나 보시면 됩니다.
css에
img { border:0; }
img { border:0; }
호환성 보기는 확인해봤는데 아닌것 같습니다. 답변은 감사합니다. ^ ^
모든 이미지 border 값을 0으로 줘서 이미지의 테두리들은 다 없어졌는데요.
헤더부분의 오른쪽과 아래쪽 줄은 전혀 방법을 모르겠네요. 혹시 답을 주실 수 있을까요?
(두번째 이미지를 클릭해보시면 오른쪽과 가운데 부분에 줄이 나타납니다.)
모든 이미지 border 값을 0으로 줘서 이미지의 테두리들은 다 없어졌는데요.
헤더부분의 오른쪽과 아래쪽 줄은 전혀 방법을 모르겠네요. 혹시 답을 주실 수 있을까요?
(두번째 이미지를 클릭해보시면 오른쪽과 가운데 부분에 줄이 나타납니다.)
첫번째 이미지
<td rowspan="4"><img src="image/intro/intro_04.jpg" width="14" height="646"></td>
오른쪽은 이 부분 때문에 나타나는 거고요
<tr><td colspan="15">
<img src="image/intro/intro_05.jpg" width="872" height="10"></td>
</tr>
아래줄은 이것때문에 생기는 겁니다.
두번째 이미지
<td rowspan="6"><img src="../img/qna_06.jpg" width="8" height="180" alt="" /></td> -->오른쪽 줄
<tr>
<td> <img src="../img/qna_29.jpg" width="51" height="52" alt="" /></td>
<td> <img src="../img/qna_30.jpg" width="80" height="52" alt="" /></td>
<td> <img src="../img/qna_31.jpg" width="70" height="52" alt="" /></td>
<td> <img src="../img/qna_32.jpg" width="56" height="52" alt="" /></td>
<td> <img src="../img/qna_33.jpg" width="56" height="52" alt="" /></td>
<td colspan="3"> <img src="../img/qna_34.jpg" width="56" height="52" alt="" /></td>
<td> <img src="../img/qna_35.jpg" width="52" height="52" alt="" /></td>
<td> <img src="../img/spacer.gif" width="1" height="52" alt="" /></td> </tr>
<tr>
<td> <img src="../img/spacer.gif" width="58" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="177" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="155" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="51" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="13" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="80" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="13" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="70" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="13" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="56" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="14" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="56" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="14" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="40" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="5" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="11" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="14" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="52" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="8" height="1" alt="" /></td>
<td></td> </tr> -->아래쪽 줄
위에 부분들을 지워주시면 되겠네요
<td rowspan="4"><img src="image/intro/intro_04.jpg" width="14" height="646"></td>
오른쪽은 이 부분 때문에 나타나는 거고요
<tr><td colspan="15">
<img src="image/intro/intro_05.jpg" width="872" height="10"></td>
</tr>
아래줄은 이것때문에 생기는 겁니다.
두번째 이미지
<td rowspan="6"><img src="../img/qna_06.jpg" width="8" height="180" alt="" /></td> -->오른쪽 줄
<tr>
<td> <img src="../img/qna_29.jpg" width="51" height="52" alt="" /></td>
<td> <img src="../img/qna_30.jpg" width="80" height="52" alt="" /></td>
<td> <img src="../img/qna_31.jpg" width="70" height="52" alt="" /></td>
<td> <img src="../img/qna_32.jpg" width="56" height="52" alt="" /></td>
<td> <img src="../img/qna_33.jpg" width="56" height="52" alt="" /></td>
<td colspan="3"> <img src="../img/qna_34.jpg" width="56" height="52" alt="" /></td>
<td> <img src="../img/qna_35.jpg" width="52" height="52" alt="" /></td>
<td> <img src="../img/spacer.gif" width="1" height="52" alt="" /></td> </tr>
<tr>
<td> <img src="../img/spacer.gif" width="58" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="177" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="155" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="51" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="13" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="80" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="13" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="70" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="13" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="56" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="14" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="56" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="14" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="40" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="5" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="11" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="14" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="52" height="1" alt="" /></td>
<td> <img src="../img/spacer.gif" width="8" height="1" alt="" /></td>
<td></td> </tr> -->아래쪽 줄
위에 부분들을 지워주시면 되겠네요
호환성 보기?
