首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Div宽度:自动和IE

Div宽度:自动和IE
EN

Stack Overflow用户
提问于 2010-12-22 08:45:45
回答 2查看 4.5K关注 0票数 1

我使用jQuery qTip在平均评分为鼠标移过时显示单个用户和他们的投票。

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

在Firefox中,工具提示可以正确显示。

在IE7 (还没有在IE8上测试过)中,工具提示的高度是合适的,但宽度只有2到3个字符,而不是整个表格。

如果我将div的宽度设置为一个固定的数字,比如说width: 300px;,我可以诱使IE正确地显示它。

然而,我的用户名的长度差别很大,我不想把div限制到最大宽度,然后当你看到一个仅由"Joe“投票的项目时,就会看到大量的空格。

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

还有别的选择吗?

如果我忽略了一个类似的问题,很抱歉。我在发帖前搜索了一下,但没有找到合适的东西。

编辑以添加代码:

代码语言:javascript
复制
<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处理的。我尽我所能地将它格式化。感谢您能提供的任何帮助。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2010-12-23 07:50:47

事实证明,这是qTip为IE计算适当工具提示宽度的方式中的一个错误。我覆盖了qTip代码中的这一行,并在开发人员论坛上发布了一条注释。

票数 0
EN

Stack Overflow用户

发布于 2010-12-22 09:17:22

尝试使用min-width:300px而不是width

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4505285

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档