창 크기를 조정할 때 세로 스크롤 막대가 나타날 때 아래쪽으로 스크롤하면 아래쪽이 나뉩니다. 이유는 모르겠지만 페이지가 100 % 높이를 사용하는 방식과 관련이 있다고 생각합니다. 어떤 도움을 주시면 감사하겠습니다! 여기 css 100 % 높이 버그
페이지의 : 여기에 스크린 샷zxsdesign.com/bug1.PNG http://zxsdesign.com/bug1.PNG이야 zxsdesign.com/main1.html
에 해킹해야 그것은 CSS height 재산과 절대를 사용하여 당신의 혼합이다 위치. ajm은 min-height을 사용하는 것에 대해 이야기했습니다. 이상적으로, 물건을 100 % 높이로 만들 때는 height 대신이 값을 사용해야합니다.
다른 문제가 있습니다. 요소를 절대적으로 배치하면 더 이상 페이지 구조의 일부가 아닙니다. 대신, 그들은 별도의 평면에 살고 있으므로 페이지 크기에는 영향을주지 않습니다. <div id="flashcontent">이 창 경계를지나 실행되면 <body>의 테두리에 영향을주지 않습니다.
position: absolute을 사용하지 않으면이 문제를 해결할 수 있습니다. 진짜 필요가 없습니다. 대신 #flashcontent 요소를 정상적으로 배치하고 #bg 요소를 완전히 제거 할 수 있습니다. 대신 #flashcontent에 배경을 제공하십시오. 그런 다음 margin: 0 auto; 및 padding-top: 179px;을 사용하여 올바른 위치에 배치하십시오.
불행하게도 높이 : 100 %; 다르게 구현됩니다 ... 당신이 그것을 사용할 때 당신이 원하는 것을 브라우저가 할 수 있는지 확신 할 수 없습니다.
맑은 것을 사용해보십시오. 왼쪽; 또는 취소 : 둘 다; 너의 스타일로.
저는 100 %가 너무 까다로울 수 있다고 생각하지 않았습니다. 나는 clear property를 사용해 보았지만 아무 소용이 없었다. 시간 내 주셔서 감사합니다! –
높이 100 %는 하나의 화면 높이입니다. 위로 스크롤하면 높이의 100 %를 덮습니다. 블록 크기를 조정하거나 적어도 화면 중앙으로 이동하십시오. 위쪽 및 아래쪽 패딩을 auto로 설정하여이 작업을 수행 할 수 있습니다.
또한 헤드 태그가 제대로 닫히지 않았습니다. 확인 this
그래, 머리 태그의 제목에 대해 잊어 버렸어 :) 나는이 권리를 이해하지 못했거나 바닥 및 상단에 자동을 추가해도 영향을주지 않았다. 시간 내 주셔서 감사합니다! –
귀하의 페이지는 전적으로 귀하의 모든 요소에 대해 100 % 높이를 사용하고 있습니다. 사용자의 브라우저 뷰포트가 충분히 크면 괜찮습니다. 그러나 브라우저의 크기를 으로 충분하게 조정하면 페이지가 더 작은 높이의 100 %가되고 모든 것이 하단에서 사라집니다.
컨테이너 요소 중 하나에 최소 높이를 설정하십시오. 브라우저 창이 그 높이 아래로 떨어지면 상황의 크기가 더 이상 줄어들지 않게됩니다. 또는 컨테이너 항목 중 하나에 플래시 조각을 포함 할 정도로 큰 보통 높이를 설정하고 다른 사람들이 컨테이너 항목을 상속받을 수 있도록 설정할 수 있습니다. IE6는 최소 높이를 지원하지 않기 때문에
그리고는, (FF2 +는, IE7, Safari는 모든 않음), 당신은 like so.
도움을 주셔서 감사합니다. –
나는 네가 말한대로 정확히했다. 그리고 그것은 일종의 도움을주었습니다. 그러나 그 문제는 아직 다루지 않은 바닥의 공간이 5px입니다. 왜 그런가? 감사합니다. –
모든 인기있는 브라우저에서 페이지를 확인 했으므로 내가 본 것을 heres : Firefox : very close, - 그 5px; 오페라 : 매력처럼 작동합니다. IE7 : 작동하지 않습니다. 사파리 : 작동하지 않습니다; 크롬 : 작동하지 않습니다. 나는 완전히 잃어 버렸다. –
#flashcontent에서 높이를 높이는 것을 잊어 버렸습니다. 내 잘못이야. 이제 그것은 옳았다. 그러나 오페라 세로 스크롤 막대가 왜 맨 아래까지 내려가는지 이해할 수 없지만 다른 브라우저에서는 #flashcontent가 끝날 때 멈 춥니 다. –