Div宽度：自动和IE

我使用jQuery qTip在平均评分为mousedover时显示个人用户及其投票。Div宽度：自动和IE

qTip调用一个PHP文件，它抓取MySQL数据库中所有用户和该项目的投票，并构建一个3列表格，该表格显示为工具提示。

在Firefox中，工具提示正确显示。

在IE7中（尚未在IE8上测试过），工具提示是适当的高度，但宽度只有2或3个字符 - 而不是整个表格。

如果我把div的宽度设置为一个固定的数字，比如width: 300px;我可以哄IE来正确显示它。

但是，我的用户姓名的长度差别很大，我不希望将div指向最大可能的宽度，然后在看到仅由“Joe”投票的项目时有一大堆空白”。

使用width: auto;在IE7中没有效果。

有替代品吗？

对不起，如果我忽略了类似的问题。我在发帖前搜索了一下，但没有找到合适的东西。

编辑添加代码：

<div 
    style="-moz-border-radius: 0pt 0pt 0pt 0pt; 
     position: absolute; 
     width: 358px; 
     display: none; 
     top: 384.617px; 
     left: 463.5px; 
     z-index: 6000;" 
    class="qtip qtip-defaults" qtip="0"> 

    <div style="position: relative; 
       overflow: hidden; 
       text-align: left;" 
     class="qtip-wrapper"> 

    <div style="overflow: hidden; 
       background: none repeat scroll 0% 0% white; 
       border: 1px solid rgb(211, 211, 211);" 
     class="qtip-contentWrapper"> 

     <div class="qtip-content qtip-content" 
      style="background: none repeat scroll 0% 0% white; 
        color: rgb(17, 17, 17); 
        overflow: hidden; 
        text-align: left; 
        padding: 5px 9px;"> 

     <div id="WhoResults"> 
      <table> 
      <tbody> 
       <tr> 
       <td>guy1</td> 
       <td>guy2</td> 
       <td>guy3</td> 
       </tr> 
       <tr> 
       <td>guy4</td> 
       <td>guy5</td> 
       <td>guy6</td> 
       </tr> 
      </tbody> 
      </table> 
     </div> 

     </div> 
    </div> 
    </div> 
</div>

我还没有应用CSS样式。这一切都由qTip处理。我试图尽可能地格式化它。感谢您的任何帮助，您可以提供。

来源

2010-12-22 Drew

你能发布为工具提示表格生成的HTML + CSS吗？ – Jacob 2010-12-22 00:48:41

正在工作。刚才看到Firebug，qTip似乎在做很多自动造型。给我一两分钟...... – Drew 2010-12-22 00:56:49

它原来是在方式qTip一个错误已计算IE适当工具提示宽度。我在qTip代码中覆盖了该行，并向开发人员论坛发布了一条便条。

来源

2010-12-22 23:50:46 Drew

尝试使用的min-width:300px代替width

来源

2010-12-22 01:17:22

Div宽度：自动和IE

回答

相关问题