2011-03-04 2 views
0

이 두 컨트롤이 더 이상 div를 추가 할 필요없이 어떻게 정렬됩니까 ?? Left : 140px에서 둘 다 설정했지만 여전히 정렬되지 않습니다.동일한 LEFT 포인트를 가졌음에도 불구하고 HTML 컨트롤을 정렬하지 않으려면 ...?

<pre> 
<span id="l4" disabled="disabled" style="display:inline-block;font-family:Arial;font-size:9pt;font-weight:bold;width:117px;">date</span><input 
name="date?4" type="text" value="1/1/2011 12:00:00 AM" id="date?4" runat="server" style="border-color:Black;font-family:Arial;width:300px;left: 140px" /> 

</br></br> 

<span style="font-family: Arial; left: 140px;position: relative;"><input id="chkAll?5" type="checkbox" name="chkAll?5"/> 
<label for="chkAll?5">Select All</label></span> 
<div id="divChkLst?5" 
style="left:140px;width:300px;height:125px;position:relative;display:block;border-style:solid;border-width:thin;margin:0;border-color:Black;padding:0; 

overflow:auto;"> 
     <table id="pMultiValueList?5" border="0" style="font-family: Arial;"> 
     <tr> 
      <td><span pTag="ReportParameter5"><input id="pMultiValueList?5_0" type="checkbox" name="pMultiValueList?5$0" checked="checked" 

/><label for="pMultiValueList?5_0">qw</label></span></td> 
     </tr><tr> 
      <td><span pTag="ReportParameter5"><input id="pMultiValueList?5_1" type="checkbox" name="pMultiValueList?5$1" checked="checked" 

/><label for="pMultiValueList?5_1">as</label></span></td> 
     </tr><tr> 
      <td><span pTag="ReportParameter5"><input id="pMultiValueList?5_2" type="checkbox" name="pMultiValueList?5$2" checked="checked" 

/><label for="pMultiValueList?5_2">zx</label></span></td> 
     </tr><tr> 
      <td><span pTag="ReportParameter5"><input id="pMultiValueList?5_3" type="checkbox" name="pMultiValueList?5$3" /><label 

for="pMultiValueList?5_3">er</label></span></td> 
     </tr> 
    </table> 
    </div> 
</div></br></br> 
</pre> 
+0

코드를 다시 입력하십시오 ... 나는 여전히 그것을 읽고 있었고 적절하게 대답을 추가해야했습니다 ... – Orbit

+0

'<'를'['-'''로 대체하지 마십시오. 편집기 (또는 4 칸씩 들여 쓰기) – Quentin

답변

0

상대적으로 배치 된 요소에는 left 속성을 설정할 수 없습니다. (글쎄, 당신은 하지만 영향을주지 않습니다.) 하나의 옵션은

position:absolute; 

을 설정하는 것입니다하지만 당신은 실제로 절대적를 배치하고, 위/아래 값을 설정해야합니다.

편집 : 당신은 140px에 그들을 모두 넣어 그들이 시작하는 정렬되지 않은 경우

코멘트에 아래에 언급 한 바와 같이

, 당신은 여전히 ​​같은 번호로 꺼집니다, 적절 왼쪽 값을 상쇄 할 수 픽셀 수

+0

효과가 있습니다. 정적으로 배치 된 경우 렌더링 된 위치에서 픽셀 수만큼 요소를 이동시킵니다. – Quentin

+0

http://jsfiddle.net/thirtydot/SzARd/ :) – thirtydot

+0

오 와우, 깨닫지 못했습니다. 고마워. – Orbit

관련 문제