Firefox 문제 - 스크롤하여 창 크기를 조정하면 이미지가 사라집니다.

Question

나는 CSS 스타일 시트가있는 HTML 페이지를 디자인하고 있습니다. 여기에 머리글과 바닥 글이있는 스크롤 가능한 컨텐트로이 예제를 설정했습니다. http://www.cssplay.co.uk/layouts/basics2.html 내 머리글과 바닥 글은 텍스트가 아닌 여러 이미지로 구성됩니다.

내가 겪고있는 문제는 페이지를 조금 아래로 스크롤하고 창 크기를 더 작은 크기로 조정하면 내 머리글과 바닥 글이 사라지는 것입니다.하지만 Firefox에서만 가능합니다. 창을 다시 최대화하면 바닥 글이 나타나지만 300-400 홀수 픽셀이 너무 높고 헤더가 사라집니다. Safari, Opera 및 Chrome은 모두 정상적으로 작동합니다. 원하는대로 브라우저 창 크기를 조정할 수 있으며 내 페이지가 적절하게 반응합니다.

이 문제의 원인은 무엇일까요? 이상한 점은 스크롤하지 않고 창 크기를 조정하면 Firefox가 내 페이지의 스타일을 유지한다는 것입니다 ... 아마도 오버플로 : 스크롤 문제입니까?

덕분에 모두

미안 해요, 난 내 링크를 포함하는 것을 잊었다 : http://www.theskycaptain.com/THESKYCAPTAIN.COM/projects/cosmicwomb.html

(내가 밴드 캠프 플레이어가 바르게 조금 지저분한 내 코드가 작동하지 않는 것을 실현,하지만 난에있어 개발 중, 방금이 문제를 해결하기 위해 호스팅했습니다. 간단히 아래로 스크롤하고, 창의 크기를 조정 한 다음 최대화하면 의미하는 것을 볼 수 있습니다.)

Answer 1

이 절대 위치 요소에 상단과 하단 값을 제공하십시오.

즉

.topspace, .headercon, .scroller { top: 0px; } 
.footer { bottom: 0px; } 

^{(이 반드시 당신이 원하는 것 정확한 값이 아니라 단순히 예)}

Answer 2

웹 페이지에 img 및 br 태그가 부적절하게 정의되어 있습니다. everywhere inc 정리해야 할 다른 오류가 있습니다.

잘못된 예 :

<img src="../image/topspace.png"></img> 

올바른 예 : IMG 태그에 대한 추가 정보를 원하시면

<img src="../image/topspace.png" alt="image" /> 

는 here을 참조하십시오. 또한

변경 :

</br> 

사람 :

<br />