表中的jQuery UI選項卡偏移其他單元格中的內容？

我已經建立了一個模板使用3列布局使用表（根據給出的建議here）。然後，我將一些jQuery UI選項卡放入其中一個單元格中。但是，其他單元格中的內容似乎被選項卡標題偏移。我很困惑正在發生的事情，並且無法追溯到使用Firebug或者如何移動其他單元格中內容的垂直位置的偏移量。表中的jQuery UI選項卡偏移其他單元格中的內容？

 <table> 
      <tr> 
       <td id="left" class="ui-content-widget ui-corner-all"> 
        <p>Left</p> 
       </td> 
       <td id="middle" class="ui-content-widget ui-corner-all"> 
        <p>Lorem ipsum... </p> 
       </td> 
       <td id="right" class="ui-content-widget ui-corner-all"> 
        <ul> 
          <li> <a href="#Tabs-Tab1">Tab1</a></li> 
          <li> <a href="#Tabs-Tab2">Tab2</a></li> 
        </ul> 
        <div id="Tabs-Tab1"> 
         <p>Nunc volutpat ... </p> 
        </div> 
        <div id="Tabs-Tab2"> 
         <p>Lorem ipsum ... </p> 
        </div> 
       </td> 
      </tr> 
     </table>

有關如何解決此問題的任何想法？這是一個site這個問題。

來源

2011-04-12 Evan Siroky

在resets.css可以設置垂直對齊，以 '頂'，而不是 '基準'

vertical-align: top;

來源

2011-04-12 20:49:06 High6

你真正的問題是這樣的：

.ui-helper-clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}

，特別是， clear:both;。嘗試改變clearfix技術：

#right .ui-helper-clearfix { 
    clear: none; 
    overflow: hidden; 
}

這個問題開始看很多像這樣的：CSS Layout: 2 column fixed-fluid (again)

來源

2011-04-12 21:09:24

表中的jQuery UI選項卡偏移其他單元格中的內容？

回答

相關問題