위치가 CSS div 문제

나는 CSS 기반 asp.net masterpage 있습니다. 탐색 div 바로 위에있는 browse div를 사용하고 있습니다. 탐색 div가 탐색 div 뒤에 흘러갑니다. 나는 위치를 가지고 노는 일을하고 탐색 위치를 변경하면 문제를 해결하지만 div의 모든 내용이 페이지 아래쪽으로 이동한다는 것을 알았다. 나는 googleing을하고 위선에 항상 div를 강제하는 방법에 대해 아무것도 찾을 수 없습니다. 더 많은 정보가 필요하다면 제공 할 수 있습니다.위치가 CSS div 문제

나는 아래의 CSS 코드의 선택 부분 붙여 넣은 :

#header2 { 
height: 2.5em; 
border-bottom: 1px dashed #0055a5; 
color: #FFF; 
background-color: white; 
} 

#header2 .browse { 
color: #000000; 
background-color: transparent; 
float: left; 
margin-left: 1em; 
margin-top: .1em; 
font-weight:bold; 
font-style: normal; 
font-variant: normal; 
font-size: 70%; 
line-height: normal; 
font-family: Arial, Helvetica, Georgia, "Times New Roman", Times, serif; 
width: 144px; 
position: fixed;  
} 

#navigation 
{ 
background-color: white; 
width: 200px; 
height:100%; 
top: 105px; 
left: 0em; 
width: 13em;  
position: absolute; 
font-family: Arial, Helvetica, sans-serif; 
font-size:90%; 
}

출처

2009-04-27 Andrew Parsons

내비게이션 뒤에서 떨어지는 부분은 자바 스크립트 메뉴 드롭 다운입니다. –

이러한 마크 업의 단순화 된 버전을 포함하십시오. 누가 중첩되어 있는지에 대한 중요한 정보가 있습니다. 또한 샘플 페이지에 대한 링크를 제공하십시오. 감사합니다 –

샘플 페이지에 대한 링크를 제공 할 수 없습니다. 이 페이지는 인트라넷 전용입니다. 걱정 해줘서 고마워. –

) = 당신은 이미이없는 경우를 가서, 당신은 뷰포트의 상단 또는 상단을 의미합니까 스택 (즉, z- 인덱스?).

뷰포트의 상단을 의미하는 경우 위치를 시도하십시오. 고정;

편집하기, 다시 읽기, 나는 당신이 Z- 색인을 의미한다고 생각합니다. 즉, 트릭을해야

position:relative;z-index:100;

당신이 상대에 최고 (검색?)에 유지하려는 요소의 위치를 설정 한 다음 100 같은 것으로 Z- 인덱스를 설정합니다.

출처

2009-04-27 19:03:04 miketaylr

당신이 그것을 페이지의 맨 위에 고정 된 상태를 유지하려는 경우를, 당신은 .browse 클래스에 top: 0; 설정을 시도 할 수 있습니다. 또한 실제의 <div> 태그가 세로로 가운데에 놓여 있는지, 아니면 그 내용인지 만 확인하십시오.

난 당신이 firebug를 사용하는 경우는 실험 시간을 절약 할 수 내기 - 상단으로

출처

2009-04-27 18:33:38

위치가 CSS div 문제

답변

관련 문제