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

回答

相關問題