Ошибка в теге Div

Question

<table style =" border-collapse :collapse ; width :100px ; height: 100px ; align:centre:"> 
     <tr style="height :100%"> 
     <td dir="ltr" style="width:100px; vertical-align :top"> 
     <div class="portletContainer" > 
     <div style="width:464px;margin-top:-1px; margin-left:7px;"> 
       <table id="pendingActivity" style= "border-collapse ;collapse ; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd"> 
       <caption class="color4" style = "height:30;width:100%"><span></span> 
       <div class="clearFix"> 
         <div id="containerPaging"> 
         <table style ="border-collapse:collapse;"> 
         <tbody> 
         <tr><td class="btnViewAllResults" style="height:34px;"> 
         <a href="javascript:ns_Z7_B8MG3OTV00OV80IFR4GPBO10G7_viewAll('true','routeToReportsPendingActivity')" class="button btnViewAllC2"> 
         <span>View All</span> 
         <img src="./btn-viewall-c2.gif" title="View All" alt="View All"/> 
         </a> 
         </td></tr> 
         </table> 
         </div> 
         </div> 
       </caption> 

Я получаю ошибку в строке: ошибка недействительна в теге div и тег div не закончился должным образом. но я закончил тег div. Может кто-нибудь сказать, почему я получаю эту ошибку.

Answer 1

В соответствии с кодом, который вы опубликовали, внешняя таблица большинства и некоторые теги div не закрыты. Весь фрагмент должен выглядеть так.

<table style =" border-collapse :collapse ; width :100px ; height: 100px ; align:centre:"> 
      <tr style="height :100%"> 
       <td dir="ltr" style="width:100px; vertical-align :top"> 
        <div class="portletContainer" > 
         <div style="width:464px;margin-top:-1px; margin-left:7px;"> 
          <table id="pendingActivity" style= "border-collapse ;collapse ; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd"> 
           <caption class="color4" style = "height:30;width:100%"><span></span> 
            <div class="clearFix"> 
             <div id="containerPaging"> 
              <table style ="border-collapse:collapse;"> 
               <tbody> 
                <tr><td class="btnViewAllResults" style="height:34px;"> 
                  <a href="javascript:ns_Z7_B8MG3OTV00OV80IFR4GPBO10G7_viewAll('true','routeToReportsPendingActivity')" class="button btnViewAllC2"> 
                   <span>View All</span> 
                   <img src="./btn-viewall-c2.gif" title="View All" alt="View All"/> 
                  </a> 
                 </td> 
                </tr> 
               </tbody> 
              </table> 
             </div> 
            </div> 
           </caption> 
          </table> 
         </div> 
        </div> 
       </td> 
      </tr> 
     </table>