Мой код отлично работает для IE 10 и более поздней версии, а также в Chrome и Firefox. Но пользователи в основном используют либо низкую версию IE. Помимо этого, большая часть кода, созданного для более низкой версии IE. поэтому даже с IE 10 они должны использовать режим совместимости. Мне нужно выровнять несколько таблиц бок о бок. Я создаю таблицы HTML с помощью кода. Таким образом, та же таблица в элементе управления используется несколько раз на веб-странице.
В IE10 хром, firefox - свойство отображения, установленное как Inline-Block, работает нормально. Однако он не обнаруживается в режиме совместимости.
Любое предложение поможет.
благодаря
Ниже приведен тестовый код, изменяется только содержимое внутри таблицы. Я не смог вставить свой DIV с остальной частью кода. Поэтому я помещаю скобки вокруг основного блока div
{div id = "scroll3" style = "overflow-x: прокрутка, переполнение-y: прокрутка, высота: 300 пикселей, пробел: nowrap;"}
div style="width:auto;"
table style="display:inline-block;">
<tr>
<td>
<asp:Image ID="Image7" runat="server" ImageUrl="~/Images/7.jpg" />
</td>
</tr>
</table>
<table style=" width:500px; display:inline-block;">
<tr>
<td>
<asp:Image ID="Image10" runat="server" ImageUrl="~/Images/10.jpg" />
</td>
</tr>
</table>
<table style="width:500px; display:inline-block;">
<tr>
<td>
<asp:Image ID="Image8" runat="server" ImageUrl="~/Images/8.jpg" />
</td>
</tr>
</table>
<table style="width:500px;display:inline-block;">
<tr>
<td>
<asp:Image ID="Image9" runat="server" ImageUrl="~/Images/9.jpg" />
</td>
</tr>
</table>
<table style="width:500px;display:inline-block;">
<tr>
<td>
<asp:Image ID="Image11" runat="server" ImageUrl="~/Images/11.jpg" />
</td>
</tr>
</table>
<table style="width:500px;display:inline-block;">
<tr>
<td >
</td>
</tr>
</table>
<table style="width:500px;display:inline-block;">
<tr>
<td>
<asp:Image ID="Image12" runat="server" ImageUrl="~/Images/12.jpg" />
</td>
</tr>
</table>
<table style="width:500px;display:inline-block;">
<tr>
<td>
<asp:Image ID="Image13" runat="server" ImageUrl="~/Images/13.jpg" />
</td>
</tr>
</table>
<table style="display:inline-block;">
<tr>
<td>
<asp:Image ID="Image14" runat="server" ImageUrl="~/Images/14.jpg" />
</td>
</tr>
</table>
<table style="width:500px;display:inline-block;">
<tr>
<td>
<asp:Image ID="Image15" runat="server" ImageUrl="~/Images/15.jpg" />
</td>
</tr>
</table>
inline-block
НЕ является подходящим свойством display
для таблицы.
Вместо этого используйте inline-table
... для современных браузеров.
Тем не менее, для поддержки со старыми, вам может понадобиться использовать float:left
или даже вложенные таблицы (например, я чувствую себя грязным, даже если предположить, что...), чтобы он работал еще в IE6.