2011-03-04 1 views
0

Comment ces deux commandes s'alignent-elles sans devoir ajouter plus de div? Je les ai mis tous deux à gauche: 140px mais ils ne s'alignent toujours pas.L'alignement des contrôles HTML ne se produit pas malgré le même point GAUCHE ...?

<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

Veuillez remettre le code ... Je le lisais encore et je devais ajouter ma réponse le cas échéant ... – Orbit

+0

Ne remplacez pas <<'par' ['- utilisez le bouton" Ceci est le code "dans le éditeur (ou indentation par 4 espaces) – Quentin

Répondre

0

Vous ne pouvez pas définir l'attribut de gauche sur des éléments relativement positionnés. (Eh bien, vous pouvez mais cela n'a aucun effet.) Une option est de définir

position:absolute; 

Mais vous devez les placer en fait absolument, et définir un haut/valeur bas.

Edit:

Comme mentionné ci-dessous dans les commentaires, vous pourriez compenser les valeurs de gauche de façon appropriée, si vous les mettez à la fois à 140px et ils ne correspondaient pas à commencer, ils seront toujours hors du même nombre des pixels.

+0

Vous pouvez et il aura un effet - il va décaler l'élément que le nombre de pixels d'où il aurait été rendu s'il était positionné statiquement. – Quentin

+0

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

+0

oh wow, n'a pas réalisé. Merci les gars. – Orbit

Questions connexes