Div宽度:自动和IE

时间:2010-12-22 00:45:45

标签: css html cross-browser width

我正在使用jQuery qTip来显示个人用户及其投票时的平均评分。

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

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

在IE7中(尚未在IE8上测试过),工具提示是正确的高度,但宽度只有2或3个字符 - 而不是整个表格。

如果我将div的宽度设置为固定数字,请说width: 300px;我可以让IE正确显示它。

然而,我的用户名称的长度差异很大,我宁愿不将div钉入其最大可能宽度,然后当你看一个仅由“Joe”投票的项目时会有一个空白的空白

在IE7中使用width: auto;无效。

有替代方案吗?

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

编辑添加代码:

<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处理。我试着尽可能地格式化它。感谢您提供的任何帮助。

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

事实证明,qTip正在为IE计算正确的工具提示宽度。我在qTip代码中覆盖了该行,并在开发人员论坛上发布了一条说明。