2010-04-14 1 views
1

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

<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

Почему бы не добавить ширину к ячейке 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> 

 Смежные вопросы

  • Нет связанных вопросов^_^