У меня есть таблица, которую я использую в качестве панели инструментов на веб-странице.Он прекрасно работает во всех браузерах, кроме IE7.Проблема в том, что она расширяет таблицу, чтобы она соответствовала содержимому (выталкивая содержимое за пределы экрана), если я не укажу «table-layout: fixed» в CSS.Когда я устанавливаю фиксированный макет таблицы, он делает все ячейки одинакового размера, но я хочу, чтобы их размер автоматически соответствовал содержанию (и переносу слов при необходимости).Установка «width: auto» для ячейки ничего не делает.
Вот HTML:
<table id="ToolbarTable" cellspacing="0px">
<tr>
<td class="ToolbarCell" align="center">
Button1
</td>
<td class="ToolbarCell" align="center">
Button2 Button3 Button4
</td>
<td class="ToolbarCell" align="center">
Button5 Button6 Button7 [Button8 Button9 - not always visible]
</td>
</tr>
</table>
И CSS:
#ToolbarTable
{
margin-top: 1px;
width: 100%;
min-height: 24px;
table-layout: fixed;
word-wrap: break-word;
}
#ToolbarTable td
{
min-width: 50px;
width: auto;
border: solid 1px #000000;
}
В IE7,Как сделать таблицу определенной ширины (и сделать так, чтобы IE7 ее обрабатывал), при этом позволяя ширине ячеек таблицы автоматически изменять размер?
РЕДАКТИРОВАТЬ: добавлены примеры кода.