表中的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选项卡偏移其他单元格中的内容？

回答

相关问题