내 탐색 div의 내 페이지 링크 (nav_btns)가 연락처 페이지에서만 아래로 이동합니다. 이 문제는 페이지로드시 3 가지 브라우저 (Chrome, Firefox, IE9)에서 발생하며 페이지 스크롤 또는 크기 조정에 의존하지 않습니다. 나는 스택이나 구글에서 내 솔루션을 찾지 못해서 어리석은 감독이라고 생각하게 만든다. 그렇다면 사전에 사과하겠습니다 만, 키보드를 얼굴에 대고 있습니다.Div가 한 페이지 위로 이동합니다.
나는이 사이트와 다른 사람들로부터 배우고있어 코드가 읽기 좋기를 바랍니다. 내가 만든 한 사이트는 지금 살고 : http://ephelan.com
시도 :
doctype 및 HTML 선언 대 연락처 페이지에 다른/학생 웹 강사를 구걸, iframe이 & contactbox 크기를 조정, 스타일 시트를 병합 다른 모든 페이지들. 어리석은 감독일지도 모르지만 그것은 누구에게나 일어날 수 있습니다. :) contact.html에서
문서 타입은
<!DOCTYPE HTML>
다른 사람의
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
대입니다.
이것은 표이었다! –
문제는 ID 바닥 글이있는 div의 형제 인 요소의 전체 높이가 서로 다릅니다. 그래서, 더 구체적으로 ....
여기에서: http://ephelan.com/index.html
<div id="content">
<!-- TOTAL HEIGHT OF 391 PIXELS -->
<ul id="accordion-slider" style="width: 806px; height: 261px; ">
<!-- some more stuff -->
</ul>
<div id="quote">
<!-- some stuff -->
</div>
<div id="footer">
<!-- contents of footer element -->
</div>
</div>
지금 연락처 페이지에이 비교 : http://ephelan.com/contact.html
<div id="content">
<!-- TOTAL HEIGHT OF 396 PIXELS -->
<div id="contactbox">
<!-- Some other content -->
</div>
<div id="footer">
<!-- Footer content... -->
</div>
</div>
공지 사항을 계산 (총) 높이의 차이를. 바닥 글 div 위의 내용이 5 픽셀 높기 때문에 다른 페이지보다 5 픽셀 더 낮은 푸터를 푸시합니다. 이 문제를 해결하려면
, 모든 페이지 이런 식으로 뭔가를 구성해야한다 ... 그런
<div id="content">
<div class="crap-above-footer-or-whatever-you-want-to-call-it">
<!-- All of your crap -->
</div>
<div class="footer">
<!-- Footer contents -->
</div>
</div>
는 "하여 호출 쓰레기 - 위 - 바닥 글 또는 무엇이든 - 당신이 원하는 '에서 -it "클래스에서는 높이를 설정해야하며이 높이는보고있는 페이지와 상관없이 모든 내용을 보관할 수있을만큼 충분히 큽니다.
첫 번째 답변이 가장 쉬운 해결 방법 이었지만 div 스타일과 게재 위치를 다시 평가해야합니다. 바닥 글을 이동하면 모든 페이지의 콘텐츠 영역에있는 픽셀 높이를 추측하지 않아도됩니다. 철저히 조사해 주셔서 감사합니다. –
나는 당황 스럽다. 이것은 내가 문제 해결을 할 때 내 마음을 결코 넘어선 적이 없다. 보일러 플레이트와 관련된 문의 양식 자습서를 잊어 버렸습니다. 나는 내용을 변경하는 대신이 페이지를 직접 입력해야했습니다. 고맙습니다! –