그림이 깨져 보이는 사태...

Mozilla Firefox 사용에 대한 일반적인 질문과 답을 해 주는 게시판입니다. 질문을 하기 전에 FAQ를 읽어 보시는게 도움이 될 것입니다.
Post Reply
oragi

그림이 깨져 보이는 사태...

Post by oragi »

그림이 많이 링크된 사이트(예:신비로 애니피아 감상게시판)에 접속하면
윗부분은 그림이 잘 보이는데 중간 정도부터 그림이 왕창 깨져보입니다.
정상적인 그림이 나오다 중간부턴 그림의 단편이 글의 마지막 부분까지
주루룩 나오는군요. 그림으로 설명하면


--------------------------------------------
--------------------------------------------

--------------------------------------------
--------------------------------------------

--------------------------------------------
--------------------------------------------

--------------------------------------------
--------------------------------------------

--------------------------------------------
--------------------------------------------


이런식으로 글의 마지막까지 나와 중간부턴 글의 내용도 읽을수
없군요. 이거 해결책이 없는지 알고 싶네요.

[/img]
likesylph

Post by likesylph »

혹시 pipelining을 설정해놓으신건 아니신가요?
저도 pipelining을 true로하면 속도가 빨라진다고 해서 했다가 몇몇사이트에서 그림같은게 로딩이 끝나지않은채 중단되는 현상을 겪고나선 false로 씁니다. 디폴트가 false인데..몇몇사이트에서 문제가 발생하기때문에 false해놨다는 생각이 드는군요.
oragi

false로 해도 여전합니다...

Post by oragi »

이 사이트가 잘 보이시는지 확인해보세요.

http://club4.shinbiro.com/clb/bbs/sbrCl ... rtno=35396

제 컴에선 중간이후론 전부 그림이 깨져 나와 글 뒷부분이 안나오네요.
이건 사이트의 문제인가요? 아니면 파이어폭스의 문제인가요?
아시는 분 답변 부탁드립니다.
sargescr
서포터즈
서포터즈
Posts: 61
Joined: 2004 09 20 15:32 28
Contact:

Re: false로 해도 여전합니다...

Post by sargescr »

oragi wrote:이 사이트가 잘 보이시는지 확인해보세요.

http://club4.shinbiro.com/clb/bbs/sbrCl ... rtno=35396

제 컴에선 중간이후론 전부 그림이 깨져 나와 글 뒷부분이 안나오네요.
이건 사이트의 문제인가요? 아니면 파이어폭스의 문제인가요?
아시는 분 답변 부탁드립니다.
저 역시 중간 이후로 비 정상적으로 나옵니다.
정확히 KANNA033.JPG 부터 그러는군요.
Firefox 1.0PR, pipelining 의 값은 false 입니다.
likesylph

Post by likesylph »

전 잘나오는군요. Firefox 0.10.1 리눅스용입니다. 윈도에선 모르겠군요..
소프트원트

소스 정리좀 하시죠..

Post by 소프트원트 »

테이블로 문서를 만든다해도, 체계적으로 구조화하면 다른 사람이 볼 때 편하지않을까 싶내요.

그리고 태그의 열기 닫기도 여러곳에 문제가 있는 것같습니다.
중복태그들이 보이더군요. body / head 등등... 아마도 이 문제는 님의 문제가 아니겠죠. 커뮤니티클럽에서 제공하는 사이트일테니..

소스에 스타일시트도 사용하는 데, font 태그는 가급적 사용하지 마세요..

문제가 된 부분은 아래입니다.

Code: Select all

    <td width="596" colspan="6">
	<p style="margin-left:10pt;">
	
	<div style="width:595px;padding:10px;overflow:auto" >
	<HTML><HEAD>
<STYLE>P {margin-top:2px;margin-bottom:2px;}</STYLE>

<META content="MSHTML 6.00.2800.1458" name=GENERATOR></HEAD>
<BODY>
<P><FONT face=굴림 size=2>1. 백합물+열혈물+메카물+학원물....
이하 생략
<P>&nbsp;</P></BODY></HTML>

	</div>
	
    </p>       
    </td>
  </tr>

</table>


위 코드를 보면, 문제가 있다는 것은 쉽게 알 수 있을 것입니다.
코딩은 표현하고자 곳에 둘러싸주어야 합니다. 또 코드는 쌍으로 만나고 또 닫아주는 게 기본입니다.

아래와 같이 수정해 보시기 바랍니다.

Code: Select all

<div style="width:595px;padding:10px;" >
<P><FONT face=굴림 size=2>1. 백합물+열혈물+메카물+학원물....
이하 생략
<P>&nbsp;</P></BODY></HTML>
</div>
이미지의 width값과 height값을 지정해주는 습관을 가지시기 바랍니다. 그래야 렌더링 처리속도도 빨라집니다.

또는 div 태그 값을 없애도 됩니다.

이 내용을 보고, 모질라가 유연하지 않다고 말하는 것은 옳지않습니다. 그것이 인터넷의 웹상황을 엉망으로 만드는 주범이니까요. 물론 모질라도 [스마트 렌더링]을 하지만, 기본 위에서 처리를 해주는 것입니다.

IE가 잘못된 코딩을 아무 문제없는 듯이 처리하는 방법은 제대로된 개발자 양성을 어렵게 만듭니다. 부모가 아이를 키우면서, 응석받이로 키우면 어떻게 되나요 ?
소프트원트

overflow에 대해

Post by 소프트원트 »

overflow는 지정된 width나 height값의 범위를 넘어설 경우, 스크롤바가 생성되도록 하는 태그입니다.

그러나 이미 소스상에 td 태그에 의해 모질라에서 처리하기 때문에 불필요합니다. 문제는 이미지와 같이 td의 width값을 고려하지 않고 그냥 올리는 습관 때문에 아마도 overflow를 사용한 것같내요.

일단 자신이 사용하는 사이트의 특성을 고려하고 이미지를 맞추어갔으면 하내요.

또 웹페이지 제작시, 과도한 이미지 사용은 자제되어야하지않을까 합니다.

아무리 인터넷 환경이 좋아졌다해도, 일정정도에서 끝어주는 것이 필요하다는 생각입니다.

이런 이유는 이미지가 많은 페이지의 경우 불필요한 이미지 다운로드를 사용자에게 강요하는 것과 같은 것이니까요. 몇 페이지로 나누면, 그에 따라 파일 다운로드도 적어지고 적어지는 만큼 빠른 처리가 가능하겠죠.

한국의 인터넷 사용자 대부분이 [초고속인터넷]을 사용한다고 하더라도, 작지만 운영자가 좀 더 신경쓰면 좋지않을까 싶내요.
Post Reply

Who is online

Users browsing this forum: Ahrefs [Bot] and 2 guests