2011-03-08 3 views
0

정렬 된 가운데에 놓여 있고 수직으로 반복되는 배경 이미지가 Latest News page을 깨는 데 문제가 있습니다.배경 이미지가 한 페이지에만 끊어짐

나는 사이트 내의 다른 모든 페이지에 괜찮 특히, 파괴 할 것 등

크기에 차이가 페이지의 어떤 부분이없는 이유를 찾을 수 없습니다

Screenshot of page

방화 광구를 사용하여 페이지의 모든 측면을 검사했지만 여전히 문제의 원인을 찾을 수 없기 때문에 도움을 받으실 수 있습니다.

+0

FF, Chrome 및 IE8에서 페이지를 확인 했으므로 페이지에 어떤 문제도 볼 수 없습니다. 스크린 샷을 첨부하여 어떤 문제가 발생했는지 확인할 수 있습니까? – anothershrubery

+0

나는 FF와 크롬에서 같은 문제가있다. 이미지 배치 방법 : CSS 또는 JS? – Akarun

+0

당신이 무슨 뜻인지 알겠지만, 배경 이미지는 그 페이지에서만 (큰 머리글 이미지 바로 아래에) 정렬되지 않습니다. 유일한 차이점은 해당 페이지의 본문 태그 인 section-latest-news에있는 다음과 같은 클래스입니다. 나는 그 스타일과 관련된 스타일링을 볼 수 없었다. 차이가 있는지보기 위해 제거를 시도 했습니까? – Dan

답변

0

페이지가 하나의 이미지에 오래 걸린다 고 생각합니다.

하지만 이미지를 보니 이미지의 맨 위쪽이 제대로 연결되어 있지 않은 것처럼 보입니다. (Y는 내가 의미하는 것을 알고있다?).

1

배경 이미지가 페이지에 두 번 위치하는 것처럼 보입니다. 당신이 2000 x 2000 인 것을 사용하기 때문에 페이지의 초기에 페이지가 오게되어 상단/하단이 적합하지 않은 문제가됩니다.

또 다른 한가지는 상단/하단이 맞지 않으므로 페이지에서 두 번째로 잘리는 이유 인 2000px보다 긴 모든 페이지에 대해 잘려나 간다는 것입니다. 대신 10-40 픽셀 높이와 같이 훨씬 작은 이미지를 사용하여 반복 할 때 적합해야합니다. 그러면 사용자에게 더 빠른 페이지 속도가 제공됩니다. 또한 문제를 해결하거나 원인을 추적하는 데 도움이 될 수 있습니다.

+0

예. 내가 말한대로 ... – Akarun