高さ

Question

私は高さの範囲で、私は国境がキー番号のレポートやインストラクターのレポートが開始されているのと同じ高さに位置することになるわけで国境を配置しようとしていますに関連する境界線を配置しようとしている図は、このようなものです

と

   <table> 
        <tr style="padding-top:20px: height:18px"> 
        <div style="height:03px;width:400px"> 
         <td style="width:50%;position:relative;top:10px;bottom:10px;padding-right:8px; padding-top:20px"> 
          <b>Key Numbers Report</b><br /> 
         <div style=" padding-top:6px;margin-top:07px;text-align:left">        
          Text about the information 
          displayed in this report and what 
          they can find out here. 
          Text about the information 
          displayed in this report and what 
          they can find out here. 
          Text about the information 
          displayed in this report and what 
          they can find out here. 
          </div> 
          <a style="float:left;color:#77F;font-size:18px;margin-top:10px" href="./?s=1">View Report</a> 
         </td> 

         <td style="padding-left:25px;position:relative;top:19px;left:10px;border-left:1px #AAA solid;height:10px; padding-top:18px;padding-right:8px"> 
          <b>Instructors Report</b><br /> 
          <div style ="padding-top:6px;margin-top:07px;text-align:left"> 
          Text about the information 
          displayed in this report and what 
          they can find out here. 
          Text about the information 
          displayed in this report and what 
          they can find out here. 
          Text about the information 
          displayed in this report and what 
          they can find out here 
          </div> 
          <a style="float:left;color:#77F;font-size:18px;margin-top:10px " href="./?s=2">View Report</a> 
         </td> 
         </div> 
        <tr> 
       </table> 

を位置決めするためのコードいずれかplsはこの

Answer 1

これは何か？

 <table> 
      <tr style="padding-top:20px: height:18px"> 
      <div style="height:03px;width:400px; margin-top: 20px;"> 
       <td style="width:50%;position:relative;top:10px;bottom:10px;padding-right:8px; padding-top:0px;"> 
        <b>Key Numbers Report</b><br /> 
       <div style=" padding-top:6px;margin-top:07px;text-align:left">        
        Text about the information 
        displayed in this report and what 
        they can find out here. 
        Text about the information 
        displayed in this report and what 
        they can find out here. 
        Text about the information 
        displayed in this report and what 
        they can find out here. 
        </div> 
        <a style="float:left;color:#77F;font-size:18px;margin-top:10px" href="./?s=1">View Report</a> 
       </td> 

       <td style="padding-left:25px;position:relative;top:19px;left:10px;border-left:1px #AAA solid;height:10px; padding-top:0px;padding-right:8px"> 
        <b>Instructors Report</b><br /> 
        <div style ="padding-top:6px;margin-top:07px;text-align:left"> 
        Text about the information 
        displayed in this report and what 
        they can find out here. 
        Text about the information 
        displayed in this report and what 
        they can find out here. 
        Text about the information 
        displayed in this report and what 
        they can find out here 
        </div> 
        <a style="float:left;color:#77F;font-size:18px;margin-top:10px " href="./?s=2">View Report</a> 
       </td> 
       </div> 
      <tr> 
     </table> 

私はあなたの<td> sからpadding-topを削除し、代わりにあなたの<div>にmargin-topを追加しました。私はあなたのHTMLコードが有効でないこと、しかし、あなたに伝える必要があり

、あなたはあなたの<td>前<tr>で<div>を持つことが許されていません。

Answer 2

あなたの質問に助けることができます理解するのが少し難しいですが、問題は上の境界と区切りの間のギャップです、それはあなたがそこに多くのパディングとマージンを持っているからでしょう。それらと一緒に遊んで、何か変化があるかどうか確認してください。

DIVに2つのTDをラッピングする理由はありますか？あなた自身のためにもっと困っているようです。