2009-12-03 6 views
0

테이블과 여러 div 요소가 있습니다. 테이블은 시간 그리드이며 div는 시간에 따라 위에서 아래로 상대적으로 모든 테이블을 취할 수있는 이벤트입니다.하나의 테이블과 여러 div 위치

페이지의 스크린 샷 :이 된 div가 테이블에 상대적으로 위치하기 때문에 alt text http://img687.imageshack.us/img687/4348/margintop.png

그래서, 나는 그것이 부정적인 지정 사업부 올바른에 대한 마진 - 최고를 만들기 위해.

그러나 어떤 경우에는 서로 상대적으로 위치하며 murkup은 정확하지 않습니다.

이렇게 div와 div의 위치를 ​​화면 및 표의 시작 지점을 기준으로 상대적으로 수행하는 방법은 무엇입니까? 예 : "매우"강건한 z- 색인을 지정합니다.

그래서 문제는 해당 테이블을 수행하는 방법이 div의 위치에 영향을 미치지 않는 것입니다.

참고 : div의 절대 위치는 허용되지 않습니다. 왜냐하면 테이블을 스크롤하는 동안 스크롤되어 div가 고정되기 때문입니다.

(순서대로) HTML의 간단한 예 테이블 :

<table cellspacing="0" cellpadding="0" style="margin: 0pt; padding: 0pt; width: 100%;"> 
</table> 

사업부 : 당신은 절대적으로 상대적으로 사업부를 배치 할 수 있습니다

<div style="height: 118px; margin-left: 38px; margin-top: -94px; width: 48%;"></div> 
+0

시간 격자가 1 열 x N 행 레이아웃입니까? – Tebo

+0

두 열 x N 행 레이아웃 – sergionni

답변

2

.

테이블에 상대적 위치를 설정하는 것 : 포함 된 div의 위치 : 절대 값을 설정할 수 있습니다. 다음은 테이블과 함께 스크롤하여 div 위치를 설정하는보다 안정적인 방법이며 더 잘 작동합니다. 브라우저간에

EDIT : position : absolute를 설정하고 나면 목적에 맞게 사용하지 않으므로 위쪽 : 및 왼쪽 : 여백 - 위쪽 : 및 여백 - 왼쪽 :을 사용하려고합니다.

+0

여백을 조정하는 대신 왼쪽 및 위쪽 CSS 옵션을 사용하여 다른 요소에도 영향을 줄 수 있습니다. –

+0

예, 미안 포지션을 설정했음을 잊어 버렸습니다 : 절대, 당신은 위 : 왼쪽을 사용하고 싶습니다 : 여백 - 상 : 및 여백 - 왼쪽 : 목적을 위해 이것을 사용하지 않으므로 사용하고 싶습니다. –

+0

div의 경우 relative를 테이블과 절대 값으로 설정하면 해당 값이 고정되고 테이블이 스크롤됩니다. – sergionni