Я использую jQuery qTip, чтобы показать отдельных пользователей и их голоса, когда mousedover среднего рейтинга.
qTip вызывает файл PHP, который собирает всех пользователей и голосует за элемент из базы данных MySQL исоздает таблицу из 3 столбцов, которая отображается в виде всплывающей подсказки.
В Firefox подсказка отображается правильно.
В IE7 (еще не протестирован в IE8) подсказка имеет правильную высоту, но ширина составляет всего 2 или 3 символа - не вся таблица.
Если я установлю ширину div на фиксированное число, скажем width: 300px;, я могу уговорить IE правильно отобразить его.
Однако длина имен моих пользователей значительно варьируется, и я бы предпочел не прибивать div к его максимально возможной ширине, а затем иметь хрень с пробелами, когда вы смотрите на элемент, за который проголосовал только "Джо".".
Использование 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.Я пытался отформатировать его как мог.Спасибо за любую помощь, вы можете предоставить.