2013-03-28 1 views
-3
무슨 일이 있었 갑자기 내 페이지 내용의 나머지 부분을 볼 수 아래로 스크롤하지 않는 것을 이해하지 못하는

을 ... 스크롤을 중지페이지

를 체크 아웃 : 당신이이 검사하여 볼 수 있듯이 www.guestinnation.com/hotels.html

요소 기능을 사용하면 div는 표시되는 것보다 훨씬 길어집니다.

이 전에는 60% div의 높이를 설정하고 오버플로 : 스크롤을 사용했지만 그다음 간단하게 결정했습니다. 홈페이지와 같아서 height=60%을 취소하고 오버플로 : 스크롤 할 수 있지만 끝났습니다. 너도 알다시피 ...

미리 감사드립니다! 당신의 CSS에

+0

음, 오버플로 : 스크롤을 사용할 수없는 이유는 무엇입니까? 도 HTML 및 CSS를 제공 할 수 있습니까? 구체적으로 영향을받은 사업부는 무엇입니까? – LazerSharks

+2

모든 것은'position : fixed;'를 가지고 있습니다 ... – Ohgodwhy

+0

@Gnuey div가 아니에요, 전체 페이지입니다 ... 스크롤 막대를 놓친 브라우저 페이지입니다 ... 마찬가지로 우리가 지금 아래로 스크롤하는 페이지의 전체 내용을보고 싶다면 Stackoverflow에서 지금 읽고있는이 페이지? 내 웹 사이트에서 어떻게 작동합니까? 아래 내용을 보려면 아래로 스크롤 할 수 없습니까? #main { \t 너비 : 700px; \t 직위 : 고정; \t 상단 : 180px; \t 왼쪽 : 50 %; \t margin-left : -350px; \t clear : 둘 다; \t display : 블록; \t background-color : white; \t -moz-border-radius : 15px; \t border-radius : 15px; \t 상자 그림자 : 0px 5px 5px 회색 삽입; \t 패딩 : 0px 20px 25px 20px; } –

답변

2

편집

변경이 위치 :

#main{ 
    position: relative; // change it from fixed 
} 
#menumain2 { 
    position: absolute; // change it from fixed 
} 
#menumain { 
    position: absolute; // change it from fixed 
} 
+0

그러나'# menumain2' 아래의 줄은 아직 없어야합니다. –

+0

@DeadMan, 감사합니다. 내 대답을 편집했습니다. – Alireza41

+1

대단히 감사합니다 !!! 사실, 나는 엉망으로 만들었지 :) –

1

는이 작업을 수행 :

#main 
{ 
    position: relative; 
} 
#menumain 
{ 
    position: absolute; 
} 
#menumain2 
{ 
    position: absolute; 
} 
1

귀하의 페이지 스크롤은 사라 당신이 당신의 주요 내용을 가운데 position: fixed;을 사용하기 때문이다. 이는 요소가 브라우저 윈도우를 기준으로 배치된다는 것을 의미합니다.

실물 모형을 위해 그런 것을 시도해보십시오.

<body> 
     <div id="wrapper"> 
      <header></header> 
      <div id="main"></div> 
      <footer></footer> 
     </div> 
</body> 

.wrapper{ 
     margin: 0 auto; 
     position: relative /* Just in case */ 
     width: 960px; } 

이렇게 시작하겠습니다.

또는 웹 사이트 시작에 일부 HTML 시작 도구 팩을 사용해 보는 것이 어려울 경우 웹에 가득 찼습니다.