IE: <td style="width: ...">

[dub]

Совершенно дико ведет себя Internet Explorer 6.0 с резиновой таблицей при попытке зафиксировать ширину одной из ячеек.

Идея в том, чтобы создать простейшую таблицу формата:

Код: [Выделить]


__________________
|        11      |
|________________|
|   21      | 22 |
|___________|____|



при этом зафиксировав ширину ячейки 22. В ячейке 11 размещаем изображение шириной 100px, ширину ячейки 22 задаем = 250px.

Код: [Выделить]

21	22

И все бы хорошо. Ячейка 22 действительно имеет нужную ширину. НО только до тех пор, пока ширина картинки   в 11 МЕНЬШЕ, чем ширина ячейки 22. Если картинке в 11 присвоить ширину БОЛЬШУЮ, чем 250 px, например:

Код: [Выделить]


...

...


то ширина ячейки 22 расползается совершенно необъяснимым образом.

Кто-нибудь сталкивался с подобным? Лечится ли это в принципе? Как посоветуете выкручиваться?

Заранее спасибо.

[for_i_0]

dub
Просто задай ширину первой колонки.

[dub]

for_i_0

дико ведет себя Internet Explorer 6.0 с резиновой таблицей

То есть зафиксировать ширину первой колонки я не могу никак. Идея резиновой таблицы как раз и состоит в том, чтобы таблица растягивалась на весь экран, 22 имела фиксированную, а 21 - всю остальную ширину.

[for_i_0]

dub
Хорошо, а вариант фиксации в процентах, ширину втрой колонки вас тоже не устраивает ?

[dub]

Вдогонку.

Таким образом ведут себя все доступные мне версии IE: 5.0, 5.5, 6.0.
Кроме того: Opera 7.11, Maxthon 1.5.2.

Кроме того, судя по всему это относится к любым блочным элементам, содержащимся в ячейке 11.

В частности, в следующем примере ширина ячейки 22 расползется, если для вложенной таблицы задать ширину 500:

Код: [Выделить]

a
21	22

[hanslinger]

А если у левого сделать width="100%", а у правого — фиксированный?

[y4an]

как вариант сделать две таблицы, первую для картинки, вторую для столбцов, и обе растягивать на 100%

[for_i_0]

hanslinger
Увы получится не то что мы ожидали увидеть... тоесть она займет 90 с лишним процентов(та у которой ширина растянута на 100%).

[dub]

for_i_0:
Хорошо, а вариант фиксации в процентах, ширину втрой колонки вас тоже не устраивает ?

Фиксация в процентах - это, конечно, хорошо.
Но я рассматриваю ситуацию, когда дизайн таки требует фиксированной ширины. Согласитесь, ситуация вполне вероятная.

y4an:
как вариант сделать две таблицы, первую для картинки, вторую для столбцов, и обе растягивать на 100%

Не совсем понял. Как именно?
Плюс, скорее всего, будут проблемы с Оперой.

hanslinger:
А если у левого сделать width="100%", а у правого — фиксированный?

Тогда левая ячейка расползается насколько может, ее ширина ограничивается только содержимым правой ячейки.
В принципе, такой подход можно использовать, задав левой ячейке достаточно большую ширину в процентах, а в правую поместив жесткую распорку, например так:

Код: [Выделить]

21

But i believe that to be a hack. Во всяком случае, назвать такое решение универсальным, непротиворечивым и полностью соответствующим стандартам сложно.
[OFF]Кстати, если не ошибаюсь, когда-то NN отрабатывал подобные конструкции крайне тупо: если одной ячейке задавалась высота/ширина 100%, то она и занимала высоту/ширину, равную ста процентам окна, а все остальные ячейки уезжали вниз/вправо за пределы окна.[/OFF]

[for_i_0]

dub:
Не совсем понял. Как именно?
Плюс, скорее всего, будут проблемы с Оперой.

<!-- Table with picture -->
<table width="100%">
<tr>
<td><img src="" width="500" height="50"></td>
</tr>
</table>
<!-- Table with fixed length  -->
<table width="100%">
<tr>
<td>21</td>
<td width="250">22</td>
</tr>
</table>


Плюс грамотно прописанный CSS.

[dub]

for_i_0
Хм.. Проблема в том, что я хочу, чтобы вся эта конструкция занимала 100% не только ширины, но и высоты экрана. А не 100%+50px, как будет, если я присвою style="height: 100%" второй таблице.

[y4an]

img

несколько громоздко конечно

[hanslinger]

У тега нет атрибута «height».

y4an

• Завсегдатай
• Пользователь
• 
• Сообщений: 51
• +0/-0
• 0
• • 
  • 

IE: <td style="width: ...">

но style="height: 100%" задать то можно

открой для себя новые БЕРЕГА

dub

• Фанат форума
• Постоялец
• 
• 
• Сообщений: 236
• +0/-0
• 0
• • 
  • 

IE: <td style="width: ...">

y4an:

img

Насколько я понимаю, Вы предлагаете второй вложенной таблице опять таки задать style="height: 100%"?

<table style="width: 100%; height: 100%;" border=1 cellpadding=0 cellspacing=0>
<tr>
<td><table style="width: 100%" border=1 cellpadding=0 cellspacing=0>

<tr>

<td><img src=g/11.gif height=50 width=500></td>

</tr>

</table>

<table style="width: 100%; height: 100%" border=1 cellpadding=0 cellspacing=0>

<tr>

<td>21</td>

<td style="width: 250px">22</td>

</tr>

</table></td>
</tr>
</table>


В принципе, тоже вариант. Обобщить его можно так: внешняя таблица - 100% на 100% с одной ячейкой ПЛЮС вложенные таблицы шириной 100% для каждого ряда.

[y4an]

но style="height: 100%" задать то можно

[dub]

y4an: