Уменьшить ячейку (в абсолютно позиционированной таблице ASP.NET), чтобы соответствовать ее содержимому? - PullRequest
Новая
       31

Уменьшить ячейку (в абсолютно позиционированной таблице ASP.NET), чтобы соответствовать ее содержимому?

1 голос
/ 15 апреля 2010

Моя веб-страница в настоящее время выглядит так: 

<asp:Table runat="server" style="position: absolute;
    left: 0%; top: 82%; right: 0%; bottom: 0%; width: 100%; height: 18%"
    CellPadding="0" CellSpacing="0" GridLines="Both">
    <asp:TableRow>
        <asp:TableCell>
            Content1
        </asp:TableCell>

        <asp:TableCell Width="2.5%">
        </asp:TableCell>

        <asp:TableCell >
            Content2
        </asp:TableCell>
    </asp:TableRow>
</asp:Table>

http://img684.imageshack.us/img684/9677/tableu.png

Но мне нужно, чтобы это выглядело так:
http://img263.imageshack.us/img263/4508/table2k.png
«Content1» имеет неизвестный размер, и таблица должна быть адаптирована, чтобы соответствовать ему, но без удаления ненужного пространства от «Content2». Я не могу использовать «display: table», потому что он не поддерживается в IE7 и т. Д., Поэтому я почти застрял в использовании обычного элемента таблицы, если только не существует чего-то лучшего, что поддерживается в старых браузерах.

Кто-нибудь знает, как это можно сделать?

1 Ответ

1 голос
/ 15 апреля 2010

Почему бы не добавить ширину в ячейку Content2? Что-то вроде: 

<asp:Table runat="server" style="position: absolute;
    left: 0%; top: 82%; right: 0%; bottom: 0%; width: 100%; height: 18%"
    CellPadding="0" CellSpacing="0" GridLines="Both">
    <asp:TableRow>
        <asp:TableCell>
            Content1
        </asp:TableCell>

        <asp:TableCell Width="2.5%">
        </asp:TableCell>

        <asp:TableCell Width="97.5%">
            Content2
        </asp:TableCell>
    </asp:TableRow>
</asp:Table>
...