이상한 CSS 포지셔닝 동작

이 div 내의 표가 왜 그렇게 오른쪽으로 정렬되는지는 완전히 저쪽에 있습니다. 이상한 CSS 포지셔닝 동작

<div id="proof_check" style="position:relative; width:577px; padding:10px; padding-bottom:0px;padding-top:0px; border:3px solid #ccc; background-color:#fff; z-index:0"> 
<table><tr><td></td><td style='vertical-align:top; padding-left:5px;'><span style='font-weight:bold; color: #295BA7;'>Proof Approval</span><br /></td></tr><tr><td><input type='checkbox' id='proof-approved'></td><td style='vertical-align:top;padding-left:5px;'>I approve of the above design, spelling and layout and understand that my document will print as it appears above and that after placing my order, it cannot be changed.</td></tr><tr valign=bottom><td colspan='2'></td> 
</tr> 
</table> 
</div>

이

할 길을 돌고있다 :

enter image description here

왜 지구에이 왼쪽에있는 사업부의 중앙 대신 더에서 시작

출처

2013-07-03 user961627

제게 적합하지 않습니다 - http://jsfiddle.net/G9Er8/ – Prisoner

코드를 올바르게 포맷하십시오. – Andri

테이블의 열 'td'에 colspan 또는 너비를 제공하지 않았습니다. 따라서 테이블 행 'tr'을 두 개의 동일한 부분으로 나누었습니다.

<TABLE STYLE="table-layout:fixed;"> 
    <COLSPAN> 
    <COL width="5%"/> 
    <COL width="95%"> 
    </COLSPAN> 
    ....rest of the code goes here... 
</TABLE>

매번 첫번째 컬럼은 5 %이고, 두 번째는 95 %를 점유 폭 :

가 같은 열 결합 소자를 제공. 어쩌면 부모 div에 문제를 일으키는, 당신의 proof_check div의에서 "상대적 위치"코드가 잘 될 것 같다

출처

2013-07-03 10:59:35 SHANK

하는 데 도움이

희망, 나는 밖으로 만들 수있는 유일한 문제는 있었다. "위치 : 절대"로 변경 희망 사항은 문제를 해결합니다!

출처

2013-07-03 11:03:42 TheScarecrow

첫 번째 표 셀의 너비를 정의하지 않기 때문입니다 (체크 상자 사용). 너비를 설정하면 괜찮을거야 ... 아니면 테이블이 아니라 div로해라.

출처

2013-07-03 11:04:29

이상한 CSS 포지셔닝 동작

답변

관련 문제